@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 4000px) and (min-width:769px){

}

@media screen and (max-width: 4000px) and (min-width:820px){
.burgertwo{display: none}
}



@media screen and (max-width: 1200px) and (min-width:1000px){
nav{
width: 90%;
padding-left: 5%;
padding-right: 5%;
}}




@media screen and (max-width: 700px) and (min-width:0px){
	
	.logo-wrapper{
width: 80%;
margin-top: 15px !important;
height:auto;
overflow: auto;
overflow: hidden;
overflow: auto;
margin-left: 10%;
float: left;
margin-right: 10%;
padding-bottom:15px;

}
.burgertwo{display: none}

.tel-number{display: none}

nav{
height: auto;
width: 80%;
float: left;
padding-left: 10%;
padding-right: 10%;

}


.bottom-link{border-bottom: none !important;
margin-bottom: 0px !important}
#link-wrap{float:left;
width:80%;
height: auto;
margin-top: 20px;

display:none;}

.links{
width: 100%;
display: block;
position: relative;
padding-top: 0px;
text-transform: uppercase;
padding-bottom: 15px;
border-bottom: 1px dashed #fff;
margin-bottom: 20px;
color:#fff;
}

.top-link{margin-top: 10px}

.burger{width:auto;
height: auto;
float: right;
font-size: 30px;
text-align: right;
margin-top: 15px;
margin-bottom: 10px;
cursor: pointer;
color:#fff;
}



}

@media all and (max-width:4000px) and (min-width:1027px) and (orientation:landscape){}
}

@media all and (max-width:1024px) and (min-width:900px) and (orientation:landscape){.tel-number{margin-top:23px !important}}

@media all and (min-width:700px)  and (orientation:landscape) {  
.crosstwo{display: none !important}
.burgertwo{display: none !important}
#link-wrap{display: block !important}	
} 

@media screen and (max-width: 360px) and (min-width:0px){#footer-right{display:none}
#footer-left{width: 100%; text-align: center}
}