@font-face {
	font-family: 'Rotis_Std';
	src: url('../fonts/RotisSemiSerifStd.eot');
	src: url('../fonts/RotisSemiSerifStd.eot?#iefix') format('embedded-opentype'),
		url('../fonts/RotisSemiSerifStd.woff2') format('woff2'),
		url('../fonts/RotisSemiSerifStd.woff') format('woff'),
		url('../fonts/RotisSemiSerifStd.ttf') format('truetype'),
		url('../fonts/RotisSemiSerifStd.svg#RotisSemiSerifStd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Rotis_Bold';
	src: url('../fonts/RotisSemiSerifStd-Bold.eot');
	src: url('../fonts/RotisSemiSerifStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/RotisSemiSerifStd-Bold.woff2') format('woff2'),
		url('../fonts/RotisSemiSerifStd-Bold.woff') format('woff'),
		url('../fonts/RotisSemiSerifStd-Bold.ttf') format('truetype'),
		url('../fonts/RotisSemiSerifStd-Bold.svg#RotisSemiSerifStd-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}
html, body{height: 100%; background: #fff;}
.mt30{margin-top: 30px;}


header{}
header h3{background: #e0dc53; display: inline-block; padding: 20px; border-radius: 10px; font-family: 'Open Sans Condensed', sans-serif; font-size: 70px; font-weight: 700; color: #000; -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ transform: rotate(7deg);}
header h3 span{display: block; font-size: 30px;}

#content{color: #000;}
#content h2{font-family: 'Rotis_Bold', sans-serif;}
#content h3{font-family: 'ubuntu', sans-serif; font-weight: 300;}
#content .tag-padre{position: relative;}
#content .tag-padre .tag-hijo{position: absolute; left:0; top: 0; bottom:0; right:0; margin: auto; width: 50%; height: 15%; }
#content .tag-padre .tag-hijo h4{font-family: 'Ubuntu', sans-serif; color: #fff; font-size: 28px; margin:0; background: #cc0000; padding: 7px 12px; text-shadow: 2px 2px 0px #000000;}
#content .finalizadas{border-top: 1px solid #ccc; margin-top: 50px; padding: 50px 0;}
#content .finalizadas h4{font-family: 'ubuntu', sans-serif; font-weight: 500; color: #00a234; font-size: 36px; text-transform: uppercase;}

/* Large desktop */
@media (min-width: 1200px) {
}

@media (min-width: 992px) and (max-width: 1199px){

}
 

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px){
header h3{padding: 13px; font-size: 45px;}
header h3 span{font-size: 20px;}
footer{position: relative; margin-top: 50px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.mt30{margin-top: 50px;}
header .logo{padding-top: 120px;}
header h3{-ms-transform: rotate(0deg); /* IE 9 */-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg);}
#content .tag-padre .tag-hijo{width: 50%; height: 15%; }
#content .tag-padre .tag-hijo h4{font-size: 18px;}
footer{position: relative; margin-top: 50px;}
}

@media (max-width: 480px) {
header .logo{padding-top: 80px;}
header h3{padding: 13px; font-size: 30px;}
header h3 span{font-size: 20px;}
#content h2{font-size: 24px;}
#content h3{font-size: 18px;}
#content .tag-padre .tag-hijo{width: 70%; height: 15%; }
#content .tag-padre .tag-hijo h4{font-size: 18px;}
#content .finalizadas h4{font-size: 28px;}
}

@media (max-width: 320px) {
#content .tag-padre .tag-hijo{width: 90%; height: 15%; }
}