/* RESPONSIVE CSS ----------- */

@media (min-width: 320px) and (max-width: 1200px) {

body {width:92%;
	margin:auto;}
nav {position: relative;
  width:100%;
  margin:15px 0 0 0;
  float:none;}
nav ul li {display:inline;}
nav ul li a {font-size:19px;}
section {width:100%;}
.main-content {clear:both;
	width:100%;
	float:none;
	margin:0;}
.main-content section {margin:0;
  width: 100%;
  margin: 0 0 20px 0;
  background: rgba(176, 130, 97, 0.8);}
.main-content section.col-1-3 {width:100%;}
.main-content #news {margin-top:40px;}
.rss {display:block;}
.nomadics-nav {position:relative;
	top:30px;}
.contact-nav {border:0!important;}
#news {margin-left:0;}
#events {margin-left:0;
	margin-top:30px;
	width:100%;}
.videoembed {width:100%;
	height:300px;}	




}