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

 .c3 {width:40%;} /*nav*/
 .c6 {width: 48%;} /*columns*/

 header {padding: 0 20px;}
 header h1 {height:auto;}
 
   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;}
	
 #content {margin: 30px 40px 60px 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_3, .column_4 {margin-top:20px;}
.column_5 {margin:0;}

 .modal {width:70%;}

.googlemap iframe {width: 100% !important;}

#circle {visibility:hidden;}

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

.photo_c {margin:25px 0 0 0;}


@media (max-width:800px) {
  #content {margin: 30px 40px 50px;}
  
 .slideshow, .slideshow figure {height: 380px;}
}

@media (max-width:768px) {
 .c8 {width:100%;} /*main*/
	
  header {height:100px; padding: 0 20px;}
  
.copyright {margin:60px 0 15px;}
 
  .modal {width:80%;}
  
 .slideshow, .slideshow figure {height: 360px;}
 
#side, #side_about {width: 100%;}
 
.photo_l, .photo_r {float:none; margin:5px 0 0 0; text-align:center;}
.photo_l img, .photo_r img {width:70%;}
.video_l img, .video_r img {width:100%;}

.photo_r p, .photo_l p {text-align:center;}

.video_l, .video_r {width:100%; float:none; margin:5px 0 0 0;}
}

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

@media (max-width:700px) {
 .c6 {width:100%;} /*columns*/
   
.column_1, .column_2, .column_3, .column_4, .column_5 {
	min-height:auto;
	padding:0;}
	
.column_2, .column_3, .column_4, .column_5 {margin-top:20px;}

h1, h2, h3, h4, h5 {font-family:'montserratlight', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.slideshow, .slideshow figure {height: 320px;}
}

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

@media (max-width:635px) {  
.c3 {width: 30%;}
nav ul ul {margin-left:-165px; top:46px;}
.slideshow, .slideshow figure {height: 280px;}

.photo_l img, .photo_r img {width:80%;}
.photo_c {margin:15px 0 0 0;}
.video_l img, .video_r img {width:100%;}
}

@media (max-width:600px) {
 header {height:100px; padding: 0 20px;}

 #content {margin: 20px 30px;}
 
 .modal {
	width:85%; 
 	margin: 30px auto;
	padding: 10px;}
	
.copyright {margin:25px 0 40px;}

.slideshow, .slideshow figure {height: 260px;}

.photo_l img, .photo_r img {width:90%;} 
.video_l img, .video_r img {width:100%;}
}

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

@media (max-width:510px) {
 .c2 {width:60%;} /*header h1*/
 
 header h1 img {width:100%; height:auto;}
 header {height:90px;}
 
 .slideshow, .slideshow figure {height: 220px;}
.photo_l img, .photo_r img, .video_l img, .video_r img {width:100%;}
}

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

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

@media (max-width:400px) {
 .c2 {width:70%;} /*header h1*/
 .c3 {width:100%;} /*nav*/
 
 #wrapper {padding:15px 0 0;}

 header {height:110px; padding: 0 20px; text-align:center;}
 header h1 {margin:0; text-align:center; margin:auto;}
 
 nav {margin:0 0 20px 0; float:left; text-align:left;}
 nav a, nav a:link, nav a:visited {margin:0 auto 5px 0;}
 nav ul ul {margin-left:126px; top:46px;}
  
 .slideshow {margin: 0 0 30px 0;}
 .slideshow, .slideshow figure {height: 170px;}
 
 #content {margin: 35px 20px 20px;}

.m_content {padding-left: 10px;}

 .space {padding:0 20px;}
}

@media (max-width: 370px) { 
 .c2 {width:80%;} /*header h1*/
}

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