@charset "utf-8";
/* CSS Document */
.slicknav_menu {
	display:none;
}

@media (min-width: 481px) and (max-width:960px){

.ssf-green-wrap{
	display:none;
}
.js .slicknav_menu {
		display:block;
	}
body{
		font-size:100% !important;
	}

	.selectnav{
		display:block;
		width:96%;
		margin:0 2%;
	}
#page {
	width: 100%;
}
#header {
	width: 100%;
	background-size: 100%;
}
.ssf-green-wrap{
	padding-top:10px;
}
.ssf-green-wrap ul{
	display: none;
}
.narrowcolumn {
	width: 98%;
	padding: 0 1%;
}
#sidebar {
	border-left: 1px dotted #CCCCCC;
	float: left;
	padding: 0 0.5%;
	width: 97%;
	margin-left: 0;
}
#slider-wrap {
width: 90%;
height: auto;
margin: 10px 2%;
}
#featured-posts {
	width: 96%;
padding: 0 2%;
margin: 0;
}
.pics {
	width: 100%;
	height:250px;
}
.pics img {
	width: 100%;
	height:auto;
}
.textwidget form {
	max-width: 300px;
	margin: 0 auto !important;
}
#sidebar ul {
	padding: 0 15px !important;
}
.widgettitle {
	padding: 0 15px;
}
#footer {
	width: 96%;
	padding: 2%;
}
#followus{
	display:none;
}
}
	@media (min-width: 321px) and (max-width: 480px){
		.ssf-green-wrap{
	display:none;
}
.js .slicknav_menu {
		display:block;
	}

body{
		font-size:100% !important;
	}

	.selectnav{
		display:block;
		width:96%;
		margin:0 2%;
	}
#page {
	width: 100%;
}
#header {
	width: 100%;
	background-size: 100%;
}
.ssf-green-wrap{
	padding-top:10px;
}
.ssf-green-wrap ul{
	display: none;
}
.narrowcolumn {
	width: 98%;
	padding: 0 1%;
}
#sidebar {
	border-left: 1px dotted #CCCCCC;
	float: left;
	padding: 0 0.5%;
	width: 97%;
	margin-left: 0;
}
#slider-wrap {
width: 90%;
height: auto;
margin: 10px 2%;
}
#featured-posts {
	width: 96%;
padding: 0 2%;
margin: 0;
}
.pics {
	width: 100%;
	height:250px;
}
.pics img {
	width: 100%;
	height:auto;
}
.textwidget form {
	max-width: 300px;
	margin: 0 auto !important;
}
#sidebar ul {
	padding: 0 15px !important;
}
.widgettitle {
	padding: 0 15px;
}
#footer {
	width: 96%;
	padding: 2%;
}
#followus{
	display:none;
}
}

	@media (max-width: 320px){
		body{
		font-size:100% !important;
	}

	.ssf-green-wrap{
	display:none;
}
.js .slicknav_menu {
		display:block;
	}
#page {
	width: 100%;
}
#header {
	width: 100%;
	background-size: 100%;
}
.ssf-green-wrap{
	padding-top:10px;
}
.ssf-green-wrap ul{
	display: none;
}
.narrowcolumn {
	width: 98%;
	padding: 0 1%;
}
#sidebar {
	border-left: 1px dotted #CCCCCC;
	float: left;
	padding: 0 0.5%;
	width: 97%;
	margin-left: 0;
}
#slider-wrap {
width: 90%;
height: auto;
margin: 10px 2%;
}
#featured-posts {
	width: 96%;
padding: 0 2%;
margin: 0;
}
.pics {
	width: 100%;
	height:250px;
}
.pics img {
	width: 100%;
	height:auto;
}
.textwidget form {
	max-width: 300px;
	margin: 0 auto !important;
}
#sidebar ul {
	padding: 0 15px !important;
}
.widgettitle {
	padding: 0 15px;
}
#footer {
	width: 96%;
	padding: 2%;
}
#followus{
	display:none;
}
	}
	
	
	
		@media (width: 480px){
			
			#header{
				height:90px;
			
			}
			.pics {
	           height:190px;
            }
			iframe{
				width:440px !important;
			}
		}
		
		@media (width: 320px){
			.ssf-green-wrap{
	display:none;
}
.js .slicknav_menu {
		display:block;
	}
			#header{
				height:50px;
			
			}
			.pics {
	           height:140px;
            }
			iframe{
				width:280px !important;
			}
		}
		
		@media (width: 568px){
			#header{
				height:90px;
			
			}
			.pics {
	           height:230px;
            }
			iframe{
				width:528px !important;
			}
		}
		
		
		@media (width: 533px){
			#header{
				height:90px;
			
			}
			.pics {
	           height:230px;
            }
			iframe{
				width:480px !important;
			}
		}
		
		@media (width: 360px){
			#header{
				height:70px;
			
			}
			.pics {
	           height:145px;
            }
			iframe{
				width:320px !important;
			}
		}
		
		@media (width: 640px){
			#header{
				height:100px;
			
			}
			.pics {
	           height:250px;
            }
			iframe{
				width:600px !important;
			}
		}
		
		@media (width: 600px){
			#header{
				height:95px;
			
			}
			.pics {
	           height:250px;
            }
			iframe{
				width:560px !important;
			}
		}
		
		@media (width: 960px){
			
			iframe{
				width:860px !important;
			}
		}
		@media (width: 768px){
			
			iframe{
				width:728px !important;
			}
		}



@media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and
(max-device-width: 1024px) and (orientation : landscape) {
/* CSS */ 
.slicknav_menu{
		display:block;
	}
.ssf-green-wrap{
	display:none;
}
}