/**********************************************************************************************

1.  Default / for Grid 1200px             
2.  960px 
3.  720px
4.  lt 720px 


**********************************************************************************************/


/********************************************************************************************* 

1.  960px 

*********************************************************************************************/  

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	h1.site-title{
		font-size: 60px;
	}
	h1.site-title{
		font-size: 50px;
	}
	#masthead{
		height: 250px;
	}
}


/********************************************************************************************* 

2.  720px 

*********************************************************************************************/ 

@media only screen and (min-width: 720px) and (max-width: 959px) {

	.logo{
		width: 100%;
	}

	#botmenu{
		width:700px!important;
	}

	h1.site-title{
		font-size: 40px;
	}

	#masthead{
	height: 260px;
}

	h2.site-description{
		font-size: 14px;
		line-height: 18px;
		width: 60%;
	}

	h1.widget-title, h3.sidetitl {
		font-size: 14px;
	}
}



/********************************************************************************************* 

3.  lt 720px 

*********************************************************************************************/ 

@media only screen and (max-width: 719px) {

	.logo{
		padding: 10px 0px;
		width:100%;
	}

	h1.site-title{
		font-size: 32px;
		/*margin: 0 auto;*/
		width: 90%;
	}

	h1.widget-title, h3.sidetitl {
		font-size: 14px;
	}

	#masthead{
		height: 280px;
	}

	h2.site-description{
		font-size: 14px;
		line-height: 18px;
		margin: 0 auto;
		width: 55%;
		display: inline-block;
		float: none;
		position: static;
		margin-right: -4px;
		margin-left: 5%;
	}

	#redes-sociales{
		position:static;
		display: inline-block;
		width: auto;
		margin: 0;
		padding: 0;
		width: 36%;
		margin-left: 4%;
	}
}

@media only screen and  (max-width: 479px) {
	
	#primary{
		float:left;
	}
	
	#secondary{
		float: right;
	}

	#masthead{
		height: 300px;
	}

	h1.site-title{
		font-size: 24px;
		position: static;
		margin: 0 auto;
		padding: 0px;
		width: 90%;
	}

	h2.site-description{
		font-size: 14px;
		position: static;
		line-height: 16px;
		width: 90%;
		margin: 0 5%;
	}

	h1.entry-title{
		font-size: 26px;
		line-height: 30px;
	}

	#redes-sociales{
		position: static;
		float: right;
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
}