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

@media only screen 
  and (min-width: 320px) 
  and (max-width: 768px){
	  

#header,
#header .nav > ul,
#header .container,
#content .container,
#header .nav,
#header .nav + img,
#header .nav ul li a,
#content,
#footer {
	width:100%;
	margin:0;
	}
	
.toggle-first-nav,
#header .nav ul li,
#header .nav,
#header .nav ul li a{
	display:block;
	}
	
#header h1 {
    margin-top:30px;
	width:300px;
	margin:10px auto  auto auto;
}

#header h2 {
	margin-bottom:10px;
	}
	
#header .container > div {
	height:auto;
	}
	
#header .nav > ul{
	display:none;
	min-width:inherit;
}

#header .nav ul li {
	display:block;
	}
	
#header .nav ul li a {
    background-color: rgba(255,255,255,0.2);
    color: #CCC;
    text-decoration: none;
    padding: 3px 14px 5px 14px;
}
	

#header .container .nav,
#header .nav {
	height:auto;
	position:absolute;
	z-index:400;
	background-color:#2A2A2A;	
	}
	
#header .nav + img {
	position:relative;
	z-index:300;
	}
	
#content .container > .row > .col-4 {
	margin-bottom:190px;
	}
	
.row {
	margin:0;
	}
	  
.col-1,
.col-lg-1,
.col-2,
.col-lg-2,
.col-3,
.col-lg-3,
.col-4,
.col-lg-4,
.col-5,
.col-lg-5,
.col-6,
.col-lg-6,
.col-7,
.col-lg-7,
.col-8,
.col-lg-8, 
.col-9,
.col-lg-9,
.col-10,
.col-lg-10,
.col-11,
.col-lg-11,
.col-12,
.col-lg-12 {
	width:100%;
 	clear: both;
	padding:0 5px 0 5px;
}

 

}

@media only screen 
  and (min-width: 320px) 
  and (max-width: 1024px)
  and (orientation: landscape) {
	  
.col-2,
.col-lg-2,
.col-3,
.col-lg-3,
.col-4,
.col-lg-4 {
	width:50%;
	float:left;
 	clear: none;
	}
	  
}


@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px){
	
}

@media only screen  
  and (min-width: 1024px){


}