body {
    background-color: black;
}
p{color:white;
    font-family:sans-serif;
    font-size:4vw;
    margin-right:155px;
    padding-right:160px;
}    

#side{bottom:205px;
  margin:-30px;
       
}


.sidebar {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 9999;  
  background: rgba(0, 0, 0, 0.85); 
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(255,255,255,0.3);
}

.sidebar {
  position: fixed;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.85); 
  padding: 12px;
  border-radius: 12px;
  box-shadow: none; 
  border: none; 
}

.sidebar a img {
  width: 70px;
  height: auto;
  border: none; 
  cursor: pointer;
  transition: transform 0.3s ease;
  display: block;
}

.sidebar a img:hover {
  transform: scale(1.2);
}
h6{font-size-adjust:auto;
    font-size:4.5vw;
    margin:0px;
    text-align:center;
     line-height: 85%;
        
    color:white;
    text-decoration:none;
    font-family:sans-serif;

    padding:-2px;
   
}

img{width:70%;
    height:140%;
  
        padding-top:1vw;}

H1{color:white;
    font-family:sans-serif;
   font-size:9vw;
    align-content:left;
    

margin:-10px;

padding:-30px;

}


H5{color:white;
    font-family:sans-serif;
   font-size:14pt;
   
    text-decoration:none;
    align-content:center;
    padding-left:10px;
    margin-right:160px;
    padding-right:170px;
  
}
h7{
    
    font-size: 5.9vw;
    max-height:12em;
    max-width:12em;
    padding:0px;
    margin:40px;
    text-align:right;
    font-style:bold;
     display:block;
    color:white;
    text-decoration:bold;
    font-family:sans-serif;
    font-weight:600;
    line-height:99%;

}

h8{ font-size: 1vw;
    text-align:left;
    font-style:bold;
     display:block;
    color:white;
text-decoration:bold;
    font-family:sans-serif;
   align-content:center;
    padding-left:10px;
    margin-right:160px;
    padding-right:170px;}


.container{ position:fixed;
    left:-535px;
    height:auto;
    width:5%;
    margin:0 auto;
   
}


 .bg{ background-image:("/photos/logoforland.png");
    background-size:cover;
   }
H3{  color:white;
    font-family:sans-serif;
   font-size:3vw;
    text-align:Left;
    align-content:Left;
    float:none; clear:left;
    padding:20px;
}

.logo{float:center;
    clear:all;
   width: auto;
align-content: center;
position:relative;
	width: 50%;
	left: 25%;
}
.buttonl{
float:left;
   padding-right:80px;
	max-width:40%;
	

 	
    padding: 10px;
	
	align-content: center;
    
    
}
.buttonr{

  
  float:left;
   
	max-width:40%;
	
align-items:;

    padding: 10px;
	padding-left: 80px;
	align-content:center;
    
}
.shop{

   float:left;
   
	max-width:40%;
	
align-items:;

    padding: 10px;
	padding-left: 380px;
	align-content:center;
}




H2{  color:white;
    font-family:sans-serif;
   font-size:3vw;
    text-align:Center;
    align-content:Center;
    float:none; clear:left;
    padding:20px;
}

<--->.warp width:850px;
height:auto;
 padding-left:20px;
    padding-left:inherit;
        padding-top:0px;
    padding-bottom:10px;
    max-width:100%;
    max-height:100%;
float:left;


.newhome{ clear: none; align-content: center; padding-left: 300px; width: 400px;
}

.mg{clear: both;
	left: 20%;
float: left;
position: relative;}

H9{color:white;
    font-family:sans-serif;
   font-size:3vw;
    text-align:Center;
    align-content:Center;
    float:none;
	clear: both;
    padding:20px;
	text-align: center;
}

.socials {
  position: fixed;       
  bottom: 20px;          
  right: 20px;           
  display: flex;        
  gap: 15px;             
  background: transparent; 
  z-index: 9999;
}

.socials a img {
  width: 40px;           /* consistent size */
  height: auto;
  cursor: pointer;
  transition: transform 0.3s ease;
  border: none;
  box-shadow: none;
  display: block;
}

.socials a img:hover {
  transform: scale(1.2);
}
.column{-webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
    padding: inherit;
    
    max-width: 49%;
}



#right{float: right;
 max-width: 49%;
    padding: inherit;
}
#left{ float: left;
  max-width: 49%;
    padding: inherit;
   
}

.shop{-webkit-column-count: 1; 
    -moz-column-count: 1; 
    column-count: 1;
max-width: 50%;
align-content: center;
column-width: 100%;
padding:10px;
padding-left: 300px;}

H3{color:white;
    font-family:sans-serif;
   font-size:3vw;
    text-align:10%;
    align-content:left;
    float:none;
	clear: both;
    padding:20px;
	text-align: left;
    
}


.contact{

  width:20%;
   
    text-align: center;

}

.socialscontact{
   position: fixed;

    clear:all;
  

position:relative;
	padding-top: 20px;
    

    
}

#contact{float: none;
 max-width: 100%;
    padding: inherit;}

.video-container {
  position: fixed; 
  top: 0; left: 0; right: 0; bottom: 0;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index:1;
}


.video-container iframe {
  width: 100vw;
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}