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

@media (max-width: 1350px) {
 header {padding: 0 5%;} 
 .slideshow, .slideshow figure {height: 520px;}
}

@media (max-width: 1270px) {
 header {padding: 0 40px;}
 #content {margin: 30px 12% 40px 12%;}
}

@media (max-width: 1230px) {
 nav ul li {padding: 0;}
 nav ul ul {margin:0;}
 
 .column_1, .column_2, .column_3, .column_4, .column_5 {min-height:150px;}
  
 .slideshow, .slideshow figure {height: 500px;}
 }

@media (max-width: 1150px) {
 #content {	margin: 30px 10% 40px 10%;}
 .modal {width:60%;}
}

@media (max-width: 1140px) {
 .column_1, .column_2, .column_3, .column_4, .column_5 {min-height:120px;}
}

@media (max-width: 1105px) {
 .column_1, .column_2, .column_3, .column_4, .column_5 {min-height:150px;}
 
.slideshow, .slideshow figure {height: 480px;}
}

@media (max-width: 1050px) {
 header {padding: 0 20px;}
 
 header h1 {height:auto;}
 
 #content {	margin: 30px 8% 40px 8%;}
 
.slideshow, .slideshow figure {height: 460px;}

nav a, nav a:link, nav a:visited {padding:8px 8px;}
}

@media (max-width: 950px) {
	nav {margin:25px 0 0 20px; 
  	float:right;
	text-align:right;}
	
  nav ul {vertical-align: top; margin:0;}
  nav ul li {display:none; padding: 0; margin:0;}
  nav ul ul {margin-left:-165px; top:46px;}
  nav ul ul li {width:165px;}
  nav a, nav a:link, nav a:visited {margin:0 auto 5px 0; padding:8px 10px;}
  nav:hover ul {margin-top:0; background: #212221;}
  nav:hover li {display: block;}

  
  .menu {display:inline-block;}
  .social {display:inline-block;}
  .submenu a, .submenu a:link, .submenu a:visited {
	text-transform:none; 
	background: #fccd87;
	color:#008eb9;
	padding:8px 10px;
	margin:0;
	font-family:'montserratlight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:108%;
	letter-spacing:-.1px;}
	
.submenu a:hover {color: #008eb9;}
}

@media (max-width: 985px) {
.c6 {width: 48%} /*columns*/

 #circle {visibility:hidden;}
	
 #content {margin: 30px 40px 40px 40px;}
 
.column_1, .column_2, .column_3, .column_4, .column_5 {min-height:120px;}
	
.column_1, .column_3, .column_5 {padding:0 1.75% 0 0; float:left;}
.column_2, .column_4 {padding:0 0 0 1.75%; float:left;}

.column_4, .column_5 {margin:0;}
}

@media (max-width: 900px) {
.c6 {width: 48%} /*columns*/
}

@media (max-width: 910px) { 
.column_3, .column_4 {margin-top:20px;}
.column_5 {margin:0;}
 
.modal {width:70%;}
 
.slideshow, .slideshow figure {height: 440px;}

 .copyright, .icon {visibility:visible; position:relative;}
 .f_hidden {visibility:hidden; position:absolute;}
 .email img {vertical-align:top; padding:0;}
 .space {padding:0 30px;}
}

@media (max-width: 880px) { 
.slideshow, .slideshow figure {height: 420px;}
}