body,html{
margin: 0;
padding:0;
height: 100%;
color: saddlebrown;
}


button:focus,
button:hover,
input:focus,
input:hover {
  outline: 2px solid black;
}

.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

.fullpage{
height: 100%;
display: flex;
}

#cycle{
  margin: 0;
 
  width: 100%;
  z-index: 1;
  overflow: hidden;

}

.footer{

position: absolute;
bottom: 0;
xbackground-color: white;
xbackground-color: rgba(139,69,19, 0.6);
z-index: 100;
width: 100%;
}
.footerline{
padding: 6px 0px 6px 0px;
display: flex;
flex-direction: row;
background-color: white;
}
.footerleft{
margin-left: 10px;

}

.footerright{
white-space:nowrap;
margin: 0;
padding-right: 10px;
position: absolute;
right: 10px;
}

.footerright li{
display: inline;
}

.footernews{
width: 100%;
text-align: center;
 background-color: rgba(77,0,0,.7);
color: white;
padding-top: 2px;
padding-bottom: 2px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
letter-spacing: 1px;
}

.footernews a{
color: white;
}

.socialicons{
  vertical-align: middle;
  margin-left: 10px;
}

a {
text-decoration: none;
}



@media screen and (min-width: 800px) {

.sm{
display: none;
}

.menu_button{
xdisplay: none;
}

box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;


}

.box-content {    
    color: #fff;
    padding-top: 10px;
    padding-bottom: 17px;
height: 5em;
color: white;
font-weight: bold;
font-size: 14px;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
letter-spacing: 1px;
line-height: 1.8em;
}

.brownbox{
max-width: 390px;
width: 100%;
background-color: rgba(139,69,19, 0.6);
position: absolute;
top: 40px;
left: 90px;
z-index: 10;
text-align: center;
line-height: 1;
}

.wlogo{
       max-width: 350px; 
       height: auto;
       width: 100%;
       margin-left: auto;
       margin-right: auto;
       margin-top: 25px;
       margin-bottom: -5px;
}


#homemenulg ul{
list-style-type: none;
margin: 0;
margin-left: -30px;
display: inline-block;
}

#homemenulg li{
display: inline;
padding-right: 13px;
color: white;
font-size: 14px;
}

#homemenulg a {
color: white;
}



}




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

.body{
text-align: center;
}
 

.footerleft{
width: 100%;
text-align: center;
}

.footerright{
display: none;
}

.lg{
display: none;
}

#cycle{
top: 160px;
height: calc(100% - 160px);
}

.mobileheader{
position: absolute;
top:0;
text-align: center;
width: 100%;
}

.logo{
margin-top: 5px;
width: 200px;
height: auto;
}

}






