/*
#logo { background-image: url("images/logo2.png");
      width: 50px; 
      height: 50px;

}*/

.primary {color: white;}

.center{ display: flex;align-items:center; justify-items: center; justify-content: space-around; margin: 0 auto; }

#logoCenter { background-image: url("images/logo2.png");
     width: 300px; 
     height: 150px;
     background-size: cover;
     margin:50px auto 20px auto;

}

#cloudImage { background-image: url("images/img1.png");
     width: 1316; 
     min-height: 420px;
     background-size: cover;
     display: flex;
     background-attachment: fixed;

}

.nav-item{

margin-left:10px;
margin-right:10px;

}

/*
<div class="ytp-cued-thumbnail-overlay-image" style="background-image: url(&quot;https://i.ytimg.com/vi_webp/SNSFeuF46zI/maxresdefault.webp&quot;);"></div>
*/
/*
#yt1 { background-image: url("&quot;https://i.ytimg.com/vi_webp/SNSFeuF46zI/maxresdefault.webp&quot;");
     width: 880px; 
     height: 495px;
     background-size: cover; }
*/
#bigImage { 
background-image: url("images/img2.png");
background-size: cover;
width: 1536px;
height: 450px;
display: flex;
background-attachment: fixed;
}


#dirt{   background-image: url("images/img3.png");  
     min-height:420px;
     background-size: cover;
     
     background-attachment: fixed;
     
     }

#img4{   background-image: url("images/img4.png");  
min-height:450px;
background-size: cover;

background-attachment: fixed;

}


.white { color: white; }

#ctn { display: flex; 



}

.navbar { color: white;}

nav ul { list-style: none;  }

nav a { text-decoration:  none; }

header { background-color: #005587; }

nav { text-align: center; }

nav li { display: inline; }

nav a { color: white; text-transform: uppercase; }
 
.menu{ margin: auto; padding: 0px 0px 30px 0px ; 
    font-weight: bold; font-size: 14px; letter-spacing: 1px;
    text-rendering: optimizeLegibility;
}

#logo { margin-top: 20px; margin-bottom: -25px; }

.navbar{ color: white; }

.imgs{ background-image: url(/images/img1.png);  }

.head { line-height: 28px; font-size: 24px; color: #005586;
     text-transform: uppercase;   }
.head, .headS { padding-left: 50px; margin-top: 70px; }


#descriptionBig{ color: #666666; line-height: 26px;
     font-size: 18px; line-height: 26px; font-size: 18px;  }

#descriptionSmall, #descriptionBig { display: block; padding-left: 500px ; font-weight: normal;  }


main { color: #666666; }

body {  font-family: interstate, arial;  }

h2{ font-family:  interstate, arial;  text-align: center; margin: auto; padding: auto; color: #005586; text-transform: uppercase; font-size: 28px; font-weight: bold; letter-spacing: 2px; }

footer { background-color: #005587;color : white; font-size: 14px; }

.last { margin-left: 190px; margin-top: 20px; padding-bottom: 20px; padding-bottom: 60px; font-weight: normal;}

hr { color: white; width: 1100px; }

#logo2 { display: flex; margin: 0px 0px 0px 190px ; padding-top: 50px ; }

.hover:hover{ border-bottom: 1px white solid; }

@media all and (max-width: 767px) {
  
#cloudImage,#yt1,#bigImage,#dirt,#img4 {

max-width: 100%;
height: auto;

}

}




     @media all and (min-width: 768px) {
     
     
     
     }