img {max-width: 100%; height: auto;}


@media only screen and (max-width: 1045px) {
div.top_nav ul li a {font-size: 13px; padding: 15px 6px 15px 6px;}
}

@media only screen and (max-width: 900px) {
div.top_nav ul li a {font-size: 12px; padding: 15px 4px 15px 4px;}

}

@media only screen and (max-width: 800px) {
  a.season_link {
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    height: 70px;
}
}

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

div.outer_left{float: none; width: 100%;}
div.logo{width: 45%; float: left;}
#logo {display: none;}
#logo2 {display: block;}

div.ol_contact{width: 45%; float: right;}
div.ol_summary{display: none;}

div.outer_right{float: none; width: 100%;}

    div.top_nav ul li:hover > ul {
	display: none;
    }

div.top_nav ul {
     display: block;
     text-align: center;
     padding-bottom:10px;
}
div.top_nav ul li{margin: 5px 8px 5px 8px;}
div.top_nav ul li a {font-size: 16px; padding: 8px 5px 8px 5px; border: 1px solid #c0c0c0;}
	
.link_on{color: #ffffff !important; background-color: #5f5a54;}

div.contact_form{width: 90%;}

}



@media only screen and (max-width: 600px) {
div.ol_contact p{font-size: 22px; line-height: 28px;}
div.ol_contact span{font-size: 16px; line-height: 22px;}

div.footer_copy{float: none; width:100%; margin: 0px 0px 8px 0px; text-align: center;}
.footer_links{float: none; width:100%; text-align: center;}
.footer_links ul{margin-right: 0;}


  a.season_link {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    height: 70px;
}

}


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

div.ol_contact{margin: 10px 0px 0px 0px; padding: 10px;}
div.ol_contact p{font-size: 18px; line-height: 22px;}
div.ol_contact span{font-size: 16px; line-height: 20px;}

  a.season_link {
    padding: 5px;
    font-size: 13px;
    width:20%;
}
}
@media only screen and (max-width: 479px) {
 
   
}

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