/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.widget select, .widget input {
	padding-top: 3px;
	padding-bottom: 22px;
}

.social li a {
	background:#566267;
}

.secondary-sidebar{
	background-color:#566267;
}

#text-2 .widget-title{
	color:white;
}

#nav_menu-3 .widget-title{
	color:white;
}

#text-3 .widget-title{
	 color:white;
}

.page-title{
	color:white;
}

.secondary-sidebar{
	background-color:#f0f0f0;
	position:relative;
	top:50px;
}

@media (max-width: 280px){
	
	.content-bottom{
		height: 750px;
	}
	
	#text-2{
    position: relative;
    left: -18px;
	}

	#nav_menu-3{
		position: relative;
    top: 160px;
    left: -80px;
	}
	
	#text-3{
		position: relative;
    top: 440px;
    left: -150px;
	}

	.social{
		position: relative !important;
    top: 350px !important;
    left: -90px !important;
	}
	
	.site-info{
		width:100%;
	}
	
	.menu-toggle{
		display: block !important;
	}
	
	.search-box{
    display: block;
    top: -5px;
    left: -20px;
  }
	
	.site-branding{
		position: relative;
    left: 20px;
	}
	
	#menu-item-3560{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}

	#menu-item-3257{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}
	.wp-image-3360{
		width: 230px;
    height: 250px;
    position: relative;
    left: 10px;
	}
	
}

@media (max-width: 320px)and (min-width: 290px){
	
	.content-bottom{
		height: 750px;
	}
	
	#text-2{
    position: relative;
    left: -0px;
	}

	#nav_menu-3{
		position: relative;
    top: 160px;
    left: -80px;
	}
	
	#text-3{
		position: relative;
    top: 440px;
    left: -150px;
	}

	.social{
		position: relative !important;
    top: 350px !important;
    left: -90px !important;
	}
	
	.site-info{
		width:100%;
	}
	
	.menu-toggle{
		display: block !important;
	}
	
	.search-box{
    display: block;
    top: -5px;
    left: -20px;
  }
	
	.site-branding{
		position: relative;
    left: 20px;
	}
	
	#menu-item-3560{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}

	#menu-item-3257{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}
	.wp-image-3360{
		width: 270px;
    height: 250px;
    position: relative;
    left: 10px;
	}
	.wp-image-3328{
		position: relative;
    left: 10px;
    width: 300px;
	}
	
}

@media (max-width: 360px)and (min-width: 330px){
	
		.content-bottom{
		height: 750px;
	}
	
	#text-2{
    position: relative;
    left: -0px;
	}

	#nav_menu-3{
		position: relative;
    top: 160px;
    left: -90px;
	}
	
	#text-3{
		position: relative;
    top: 440px;
    left: -180px;
	}

	.social{
		position: relative !important;
    top: 350px !important;
    left: -90px !important;
	}
	
	.site-info{
		width:100%;
	}
	
	.menu-toggle{
		display: block !important;
	}
	
	.search-box{
    display: block;
    top: -5px;
    left: -20px;
  }
	
	.site-branding{
		position: relative;
    left: 20px;
	}
	
	#menu-item-3560{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}

	#menu-item-3257{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}
	.wp-image-3360{
		width: 310px;
    height: 250px;
    position: relative;
    left: 10px;
	}
	.wp-image-3328{
		position: relative;
    left: 10px;
    width: 310px;
	}	
	
}

@media (max-width: 375px)and (min-width: 350px){
		.content-bottom{
		height: 750px;
	}
	
	#text-2{
    position: relative;
    left: -0px;
	}

	#nav_menu-3{
		position: relative;
    top: 160px;
    left: -90px;
	}
	
	#text-3{
		position: relative;
    top: 440px;
    left: -180px;
	}

	.social{
		position: relative !important;
    top: 350px !important;
    left: -90px !important;
	}
	
	.site-info{
		width:100%;
	}
	
	.menu-toggle{
		display: block !important;
	}
	
	.search-box{
    display: block;
    top: -5px;
    left: -20px;
  }
	
	.site-branding{
		position: relative;
    left: 20px;
	}
	
	#menu-item-3560{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}

	#menu-item-3257{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}
	.wp-image-3360{
		width: 330px;
    height: 250px;
    position: relative;
    left: 10px;
	}
	.wp-image-3328{
		position: relative;
    left: 10px;
    width: 330px;
	}	
		
}

@media (max-width: 414px)and (min-width: 380px){
	.content-bottom{
		height: 750px;
	}
	
	#text-2{
    position: relative;
    left: -0px;
	}

	#nav_menu-3{
		position: relative;
    top: 160px;
    left: -110px;
	}
	
	#text-3{
		position: relative;
    top: 440px;
    left: -220px;
	}

	.social{
		position: relative !important;
    top: 350px !important;
    left: -120px !important;
	}
	
	.site-info{
		width:100%;
	}
	
	.menu-toggle{
		display: block !important;
	}
	
	.search-box{
    display: block;
    top: -5px;
    left: -20px;
  }
	
	.site-branding{
		position: relative;
    left: 20px;
	}
	
	#menu-item-3560{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}

	#menu-item-3257{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}		
}

@media (max-width: 540px)and (min-width: 416px){
	.menu-toggle{
		display: block !important;
	}
	
	.search-box{
    display: block;
    top: -5px;
    left: -20px;
  }
	
	.site-branding{
		position: relative;
    left: 20px;
	}
	
	#menu-item-3560{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}

	#menu-item-3257{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}		
	
	#text-3{
		position: relative;
    left: 25px;
	}
	
	.abt_p{
		width: 250px !important;
    position: relative;
    top: 89px;
    left: -100px;
	}
	.menu-item-3687{
		width: 180px !important;
	}
	.site-info{
		width:100% !important;
	}
}

@media (max-width: 768px)and (min-width: 541px){
	.menu-toggle{
		display: block !important;
	}
	
	.search-box{
    display: block;
    top: -5px;
    left: -20px;
  }
	
	.site-branding{
		position: relative;
    left: 20px;
	}
	
	#menu-item-3560{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}

	#menu-item-3257{
		position:relative;
		top: 25px !important;
    left: 40px !important;
	}		
	
	#text-3{
		position: relative;
    left: 25px;
	}
	
	.abt_p{
		width: 250px !important;
    position: relative;
    top: 89px;
    left: -100px;
	}
	.menu-item-3687{
		width: 180px !important;
	}
	.site-info{
		width:100% !important;
	}
}