@charset "utf-8";
*{box-sizing: border-box;}
img{max-width: 100%;}
body{background-color: #022601;}
button{min-width: 70px; border-radius: 30px; background-color: darkgray;}
body{margin: 0; padding: 0;}

nav{list-style: none; color: whitesmoke;}
a:visited{color: black;}
nav li{display:inline-block; margin: 0 10px 0 10px; padding: 5px;}
nav li:hover{background-color: #667302;}

h1, h2, h3{font-family: "Open Sans", sans-serif; color: whitesmoke;}
html{font-family:"Open Sans", "sans-serif"; color: whitesmoke;}

.threefourths{float:left; width: 73%; margin: 1%; padding: 1%;}
.twothirds{float:left; width: 64.66%; margin: 1%; padding: 1%;}
.half{float:left; width: 48%; margin: 1%; padding: 1%;}
.third{float:left; width: 31.33%; margin: 1%; padding: 1%;}
.fourth{float:left; width: 23%; margin: 1%; padding: 1%;}

.threefourthsr{float:right; width: 73%; margin: 1%; padding: 1%;}
.twothirdsr{float:right; width: 64.66%; margin: 1%; padding: 1%}
.halfr{float:right; width: 48%; margin: 1%; padding: 1%;}
.thirdr{float:right; width: 31.33%; margin: 1%; padding: 1%;}
.fourthr{float:right; width: 23%; margin: 1%; padding: 1%;}
.fullwidth{width:98%; margin: 1%; }
.logoimg{height: 100px; width: 100px;}

section {float: left; width: 100%; margin: 0; padding: 0;}

#headerfull{background-color: #592B02; width: 100%;}
#logo{float: left;}
#socials{float: right; width: 300px;}
#xitter{height: 64px; width: 64px; float: right; margin: 10px;}
#Fbook{height: 64px; width: 64px; float: right; margin: 10px;}
#Yt{height: 64px; width: 64px; float: right; margin: 10px;} 
#title{text-align:center;}
#plchld1{text-align: center;}
#plchld2{text-align: center;}
#plchld3{text-align: center;}
#cta{width: 70%; margin: 0 auto; padding: 10px; background-color: #667302}
#footer{background-color: #592B02; padding: 10px; height: 80px;}
#fullify{width:100%; background-color: #592B02;}
.wintervaleimg{float: center; width: 98%; height: 420px}
.footertext{color:whitesmoke; float: center;}
.mid{float: center; width: 600; height: 450;}



@media only screen and (max-width: 1200px) {


}

@media only screen and (max-width: 1080px) {
    .fourths{float:left; width: 48%; margin: 1%; padding: 2%; border:3px solid rgb(0, 129, 32);}

}

@media only screen and (max-width: 576px) {
    .hwc{float:left; width: 98%; margin: 1%; padding: 2%; border:3px solid rgb(199, 255, 202);}
    .thirds{float:left; width: 98%; margin: 1%; padding: 2%; border:3px solid rgb(0, 255, 64);}
    .fourths{float:left; width: 98%; margin: 1%; padding: 2%; border:3px solid rgb(0, 129, 32);}
    .wintervaleimg{display: none;}
    #socials{display: none;}

}