/* lg */
@media (min-width:1400px) and (max-width:1920px) {
	article.countdown-pan[role="countdown"]{padding-top:31.5%}
	article.introduction-pan[role="introduction"]{ padding-top:32.6%}
	article.subscribe-pan[role="subscribe"],article.contact-pan[role="contact"]{ padding-top:32.6%}
}
/* lg */
/*@media (min-width:1200px) and (max-width:1401px) {
	article.countdown-pan[role="countdown"]{padding-top:20.5%}
	article.introduction-pan[role="introduction"]{ padding-top:10.6%}
	article.subscribe-pan[role="subscribe"],article.contact-pan[role="contact"]{ padding-top:15.6%}
}*/
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	article.countdown-pan[role="countdown"]{padding-top:31.5%}
	article.introduction-pan[role="introduction"]{ padding-top:32.6%}
	article.subscribe-pan[role="subscribe"],article.contact-pan[role="contact"]{ padding-top:32.6%}
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	article.countdown-pan[role="countdown"]{padding-top:53.5%}
	article.introduction-pan[role="introduction"]{ padding-top:53.5%}
	article.subscribe-pan[role="subscribe"],article.contact-pan[role="contact"]{ padding-top:53.5%}
	header[role="header"]{ padding:0 1%}
	header[role="header"] > hgroup nav ul > li{ margin:0 4.5px}
}
/* xs */
@media (max-width: 767px) {
  header[role="header"] > hgroup{background-color:rgb(255,0,111); }
  .mobil-social{ display: inline-block; width: 80%; height: 29px; }
  .mobil-social a{    margin-right: 21px; font-size: 1.5em; color: #fff;}
  #suscripcion{ display: none}
  .mobile-social > a > i{
    color: #ffffff;
    font-size: 1.5em;
    
  }
  
  nav#header-nav:before {
    content: ' ';
    position: absolute;
    height: 1px;
    width: 100%;
    margin-top: 15px;
    background: #fff;
}
      
  
	body{background-image:url(../images/bg-co.png),url(../images/bg-image.jpg);background-position:47% 0; position:static; background-size:cover;background-repeat:repeat,no-repeat;}
	main[role="main-wrapper-iamge"],main[role="main-wrapper-iamge"] > .over-bg-color{ position: static; background-image:none}
	main[role="main-wrapper-iamge"]{ background-image: none}
	main[role="main-wrapper-iamge"] > .over-bg-color{ background-color:inherit}
	article.countdown-pan[role="countdown"],article.subscribe-pan[role="subscribe"],article.contact-pan[role="contact"]{ padding-bottom:10%; padding-top: 0%}
	article.introduction-pan[role="introduction"]{ padding-top:30.6%}
	
	header[role="header"] > hgroup > h1 > a{ width:120%; line-height:39px; font-size:1em}
  .logo{     position: relative; padding-top: 25%; margin-bottom: -10%;     width: 150px;}
	
	header[role="header"]{ top:0px; bottom:inherit; padding:0}
	header[role="header"] > hgroup{ overflow:inherit; padding:2%}
	header[role="header"] > hgroup nav{ position: relative;width:100%; text-align:center}
	footer.desk,header[role="header"] > hgroup ul[role="socil-icons"].desk-social{ display:none}
	header[role="header"] > hgroup nav ul,header[role="header"] > hgroup ul[role="socil-icons"]{ text-align:center; width:100%; clear: both; background: #fff;}
	header[role="header"] > hgroup nav ul > li{ display:block; margin:0; border-bottom:1px solid #CCC}
	header[role="header"] > hgroup nav ul > li a{ line-height:40px}
	footer.mobile p{ text-align:center; line-height:18px; color: #000; font-weight: 700}
	header[role="header"] > hgroup div[role="socil-icons"]{ clear:both; display:none; margin:8px 0}
	header[role="header"] > hgroup div[role="socil-icons"] li{ display:inline-block; margin:0 6px}
	header[role="header"] > hgroup div[role="socil-icons"] li a{ color:#353535}
	header[role="header"] > hgroup div[role="socil-icons"] li a:hover{color:#e84d49}
	
	#menu-button{ display: block;position: relative;float: right;top: -31px;font-size: 0;padding: 3px 7px;cursor: pointer;}
	#menu-button.menu-opened{ background: #fff;}
	#menu-button i{font-family:'FontAwesome'; font-size:21px; line-height:23px; color:#FFF; font-weight:normal}
  #menu-button.menu-opened i{ color: #ff0071}
	
	article.introduction-pan[role="introduction"] ul > li,article.contact-pan[role="contact"] ul > li{ display:block; margin:0; margin-bottom:20px}
	article.subscribe-pan[role="subscribe"] form{ width:100%}
	article.subscribe-pan[role="subscribe"] form input[type="email"]{ width:79.2%}
	article.contact-pan[role="contact"] h3{ font-size:24px; line-height:26px}
	article header.page-title h2{ font-size:22px}
	footer.mobile{ display:block}
}
@media (max-width:414px) {
	article.countdown-pan[role="countdown"],article.subscribe-pan[role="subscribe"],article.contact-pan[role="contact"]{ padding-bottom:10%; padding-top:20%}
	article.introduction-pan[role="introduction"]{ padding-top:20.6%; padding-bottom: 20%;}
}