@charset "UTF-8";
/*  RESET
	========================================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,main,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}li{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}b,strong{font-weight:bold;}textarea{overflow:auto;vertical-align:top;}html{font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.25em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}pre{overflow:auto;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}legend{border:0;padding:0;}optgroup{font-weight:bold;}td,th{padding:0;}a{background:transparent;text-decoration:none;}a:active,a:hover,a:focus{border:none;outline:0;text-decoration:none;}::selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}::-moz-selection{background:#6a6a6a;color:#f5f5f5;text-shadow:1px 1px 1px #060606;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}::-webkit-input-placeholder{color:inherit;opacity:0.5;font-family:inherit;}:-moz-placeholder{color:inherit;opacity:0.5;font-family:inherit;}::-moz-placeholder{color:inherit;opacity:0.5;font-family:inherit;}:-ms-input-placeholder{color:inherit;opacity:0.5;font-family:inherit;}button,.btn:hover{cursor:pointer;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



@font-face {
	font-family: 'BebasNeue';
	src: url('../fonts/BebasNeueBook.eot');
	src: url('../fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/BebasNeueBook.woff2') format('woff2'),
		 url('../fonts/BebasNeueBook.woff') format('woff'),
		 url('../fonts/BebasNeueBook.ttf') format('truetype'),
		 url('../fonts/BebasNeueBook.svg#BebasNeueBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BebasNeue';
	src: url('../fonts/BebasNeueBold.eot');
	src: url('../fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/BebasNeueBold.woff2') format('woff2'),
		 url('../fonts/BebasNeueBold.woff') format('woff'),
		 url('../fonts/BebasNeueBold.ttf') format('truetype'),
		 url('../fonts/BebasNeueBold.svg#BebasNeueBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
/*  DEFAULT & BASIC STYLES
	========================================================================== */
html,
body {
	font: 400 62.5%/1 "BebasNeue",Helvetica,Arial,sans-serif;
}
body {
	background: #fff;
	color: #000;
	font-size: 100%;
}

main,
header,
section,
footer,
nav,
.container,
a {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.container:before,
.container:after,
nav:before,
nav:after,
main:before,
main:after,
header:before,
header:after,
section:before,
section:after,
footer:before,
footer:after,
.cf:before,
.cf:after {
	display: table;
	content: " ";
}
.container:after,
nav:after,
main:after,
header:after,
section:after,
footer:after,
.cf:after {
	clear: both;
}

.container {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
  max-width: 96%;
	width: 1300px;
}

img {
	display: inline-block;
	height: auto !important;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}


/*  ==========================================================================
	CONTENT 
	========================================================================== */

.header {
	background: url('../images/intro.jpg') no-repeat center top #faf8f3;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 0 0 6em;
	text-align: center;
}
.logo img {
  max-height: 30vh;
}





/*  COUNTDOWN 
	========================================================================== */
.section--countdown {
	padding: 4em 0;
	text-align: center;
}
#clockdiv {
  color: #a8546a;
  display: inline-block;
  text-align: center;
}
  #clockdiv > div {
    padding: 0;
    display: block;
    font-size: 4.7em;
    float: left;
  }
  #clockdiv > div + div {
  	border-left: 0.1em solid #a8546a;
    margin-left: 1.5em;
    padding-left: 1.5em;
  }
    #clockdiv div > strong {
    	font-size: 3.74em;
    	height: 0.9em;
      font-weight: bold;
      display: block;
    }

    #clockdiv div > strong:before,
    #clockdiv div > strong:after {
      display: table;
      content: " ";
    }
    #clockdiv div > strong:after {
      clear: both;
    }
    
      #clockdiv div > strong > span {
        color: #a8546a;
        display: block;
        float: left;
        height: 1.2em;
        padding: 0;
        position: relative;
        /* width: 0.85em; */
      }
      #clockdiv div > strong > span + span {
        /* margin-left: 0.06em; */
      }
    #clockdiv div > small {
      color: #000;
      display: block;
      letter-spacing: 3px;
      letter-spacing: 0.19em;
      text-align: center;
      text-transform: uppercase;
    }



.link {
	-webkit-transition: height 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
	-moz-transition: height 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
	-ms-transition: height 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
	-o-transition: height 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
	transition: height 0.1s ease-out, opacity 0.1s ease-out, visibility 0.1s ease-out;
	overflow: hidden;
}
.mbh {
	margin-bottom: 0.5em;
}
.opened {
	height: 100%;
	visibility: visible;
	opacity: 1;
	overflow: visible;
}
.hidden {
	height: 0;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
}

#comoParticipar,
#btnComoParticipar,
#consultas,
#btnconsultas,
.comoParticipar {
	-webkit-transition: height 0.6s ease-out, opacity 0.4s ease-out, visibility 0.2s ease-out, overflow 0.2s ease-out;
	-moz-transition: height 0.6s ease-out, opacity 0.4s ease-out, visibility 0.2s ease-out, overflow 0.2s ease-out;
	-ms-transition: height 0.6s ease-out, opacity 0.4s ease-out, visibility 0.2s ease-out, overflow 0.2s ease-out;
	-o-transition: height 0.6s ease-out, opacity 0.4s ease-out, visibility 0.2s ease-out, overflow 0.2s ease-out;
	transition: height 0.6s ease-out, opacity 0.4s ease-out, visibility 0.2s ease-out, overflow 0.2s ease-out;
	text-align: center;
}
#comoParticipar .container {padding: 75px;}
#consultas {
  background: url('../images/bg-header.png') no-repeat center top #faf8f3;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
#consultas .container {padding: 75px;}


.comoParticipar li {
  display: block;
  font-size: 3.6em;
  letter-spacing: 0.5px;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 1em;
}
  .comoParticipar li strong {
    font-size: 1.25em;
    font-weight: 700;
  }


/*  FECHAS - PREMIOS
	========================================================================== */
.section--fechas {
	background: url('../images/bg-fechas.jpg') no-repeat center top #342d54;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 6em 0;
	position: relative;
	text-align: center;
}

.fecha,
.titulo {
	color: #fff;
	display: inline-block;
	font-size: 6.7em;
	font-weight: bold;
	letter-spacing: 1px;
	letter-spacing: 0.1em;
	margin-bottom: 0.4em;
}
  .titulo--full {
    display: block;
    width: 100%;
  }
  .titulo--ng {
    background: url('../images/bg-negro.png') no-repeat center top #333332;
    -webkit-background-size: 100% 50%;
    -moz-background-size: 100% 50%;
    -o-background-size: 100% 50%;
    background-size: 100% 50%;
    color: #fff;
    margin-bottom: 0;
    padding: 0.45em 0 0.2em;
    text-align: center;
  }
	.titulo__lg {
		font-size: 1.16em;
	}
  .titulo__sm {
    font-size: 0.86em;
  }
	.titulo--alt {
		color: #a8546a;
	}


.fecha {
	display: block;
	margin-bottom: 0.6em;
}
	.fecha__box {
		background: rgba(0, 0, 0, 0.85);
		color: #c995a3;
		display: inline-block;
		padding: 0.5em 0.5em 0.3em;
	}


.premios {
	background: rgba(0, 0, 0, 0.85);
  margin-bottom: 6em;
	padding: 3em 0.5em;
	text-align: center;
}
	.premio {
		color: #fff;
		display: inline-block;
		font-size: 4.4em;
	}
	.premio + .premio {
		border-left: 5px solid #c3c3c4;
		padding-left: 0.84em;
		margin-left: 0.66em;
	}
		.premio__titulo {
			letter-spacing: 2.5px;
			letter-spacing: 0.2em;
			margin-bottom: 0.3em;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		.premio__premio {
			font-size: 2.34em;
			font-weight: bold;
			letter-spacing: 0.5px;
			letter-spacing: 0.05em;
			height: 0.775em;
		}
			.premio__premio small {
				font-size: 0.69em;
				position: relative;
				top: -0.125em;
			}
.escultura {
	background: url('../images/escultura.png') no-repeat center center transparent;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	bottom: 0;
	left: 8%;
	max-width: 294px;
	max-height: 923px;
	height: 50%;
	width: 20%;
	position: absolute;
}





.section--bases {
	background: url('../images/bg-bases.png') no-repeat center top #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 8em 4em;
	text-align: center;
}

  .section--resultados,
  .section--bases .texto {
    max-width: 1540px;
    margin: 0 auto 2em;
  }

.texto {
	color: #595a5d;
	font-size: 5em;
	line-height: 1.2;
	letter-spacing: 2.5px;
	letter-spacing: 0.2em;
}
.texto__sm {
  font-size: 0.75em;
  letter-spacing: 1.88px;
  letter-spacing: 0.15em;
}
.mb2 {
	margin-bottom: 2em;
}



.comoParticipar li a,
.link a,
.link {
	color: #a8546a;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.link {
  display: block;
	font-size: 4.8em;
}
.link a {
  display: inline-block;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.3em 0.5em 0.1em;
  line-height: 1;
  border-radius: 0.2em;
}
  
  /*  HB 
    ========================================================================== */
  
  .hb {
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
    .hb::before {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.2);
      z-index: -1;
      opacity: 0;
      -webkit-transform: scale3d(0.9, 0.1, 1);
      transform: scale3d(0.9, 0.1, 1);
      -webkit-transition: -webkit-transform 0.4s, opacity .4s;
      transition: transform 0.4s, opacity .4s;
      -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    }
    .hb:hover::before {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    .hb:active {
      -webkit-transition: transform 0.1s linear;
      -moz-transition: transform 0.1s linear;
      -ms-transition: transform 0.1s linear;
      -o-transition: transform 0.1s linear;
      transition: transform 0.1s linear;
      -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
      -o-transform: translateY(1px);
      transform: translateY(1px);
    }
  
  
    .hb::after {
      content: '';
      position: absolute;
      top: -50%;
      right: -50%;
      bottom: -50%;
      left: -50%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 0, 0, 0)), color-stop(50%, rgba(255,255,255,0.5)), to(rgba(229, 0, 0, 0)));
      background: -o-linear-gradient(top, rgba(229, 0, 0, 0), rgba(255,255,255,0.5) 50%, rgba(229, 0, 0, 0));
      background: linear-gradient(to bottom, rgba(229, 0, 0, 0), rgba(255,255,255,0.5) 50%, rgba(229, 0, 0, 0));
      -webkit-transform: rotateZ(60deg) translate(-7.5em, 10em);
      -ms-transform: rotate(60deg) translate(-7.5em, 10em);
      transform: rotateZ(60deg) translate(-7.5em, 10em);
      -webkit-transition: visibility 0.1s ease-out, opacity 0.1s ease-out;
      -moz-transition: visibility 0.1s ease-out, opacity 0.1s ease-out;
      -ms-transition: visibility 0.1s ease-out, opacity 0.1s ease-out;
      -o-transition: visibility 0.1s ease-out, opacity 0.1s ease-out;
      transition: visibility 0.1s ease-out, opacity 0.1s ease-out;
      opacity: 0;
      visibility: hidden;
    }
    .hb:hover {
      -webkit-transform: scale(1.025);
      -moz-transform: scale(1.025);
      -ms-transform: scale(1.025);
      -o-transform: scale(1.025);
      transform: scale(1.025);
    }
    .hb:hover::after {
      opacity: 1;
      visibility: visible;
    }
  
    .hb:hover::after,
    .hb:focus::after {
      -webkit-animation: shine 0.5s forwards;
      animation: shine 0.5s forwards;
    }
    @-webkit-keyframes shine {
      100% {
        -webkit-transform: rotateZ(60deg) translate(3.5em, -7em);
        transform: rotateZ(60deg) translate(3.5em, -7em);
      }
    }
    @keyframes shine {
      100% {
        -webkit-transform: rotateZ(60deg) translate(3.5em, -7em);
        transform: rotateZ(60deg) translate(3.5em, -7em);
      }
    }
  
  
    .hb.hb--lg::after {
      -webkit-transform: rotateZ(60deg) translate(-15em, 20em);
      -ms-transform: rotate(60deg) translate(-15em, 20em);
      transform: rotateZ(60deg) translate(-15em, 20em);
    }
    .hb.hb--lg:hover::after,
    .hb.hb--lg:focus::after {
      -webkit-animation: shineLg 0.7s forwards;
      animation: shineLg 0.7s forwards;
    }
    @-webkit-keyframes shineLg {
      100% {
        -webkit-transform: rotateZ(60deg) translate(10em, -15em);
        transform: rotateZ(60deg) translate(10em, -15em);
      }
    }
    @keyframes shineLg {
      100% {
        -webkit-transform: rotateZ(60deg) translate(10em, -15em);
        transform: rotateZ(60deg) translate(10em, -15em);
      }
    }
  

.comoParticipar li a,
.link {
	text-decoration: underline;
}














/*  ==========================================================================
	CONTACTO 
	========================================================================== */

  .contact {
    color: #282828;
    padding: 3.5em 0 5em;
  }
  .contact .error {
  	color: #900;
  	color: rgba(200,0,0,0.8);
  	margin-bottom: 1.5em;
  }
  /* .contact .success {color: #070;color: rgba(0,188,0,0.8);} */

  #contactWrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    font-size: 1.7em;
  }
  #contactForm legend {
    font-size: 1.3em;
    font-weight: 200;
    margin-bottom: 1em;
    text-align: center;
  }
  .contact label {
    display: block;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
  }

  label.error {
    color: #a00;
    display: block;
    font-size: 1.2em;
    margin-bottom: 0.3em;
    position: relative;
    top: -0.6em;
  }



  .btnWrap {
    position: relative;
  }


  .errorMesage {
    font-size: 2em;
    font-weight: 300;
    letter-spacing: -0.2px;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 1em auto;
  }
  .errorMesage + .forms {
    margin-top: 0;
  }

  #contactForm {
    width: 100%;
  }

    #contactForm textarea,
    #contactForm input {
      background: #fafafa;
      border: none;
      border-bottom: 1px solid #a41f35;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      color: #545454;
      font-size: 1.3em;
      font-weight: 300;
      font-family: inherit;
      line-height: 2;
      height: 1.9em;
      margin-bottom: 0.75em;
      padding: 0 1em;
      text-align: center;
      width: 100%;
    }
    #contactForm textarea.error,
    #contactForm input.error {
      background: #fff7ea;
    }
      #contactForm textarea:focus,
      #contactForm input:focus {
        -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.1);
        box-shadow: 0 0 3px rgba(0,0,0, 0.1);
        outline: 0;
        color: #242424;
      }
    #contactForm input {
      text-transform: none;
      text-align: center;
    }
    #contactForm textarea {
      line-height: 1.4em;
      height: 7em;
      padding-top: 1em;
      padding-bottom: 1em;
      text-align: center;
    }
      #contactForm textarea.invalid,
      #contactForm input.invalid {
        background: #fff5f5;
        border: 1px dashed #800;
        border: 1px dashed rgba(200,0,0,0.7);
      }
      .contact label.invalid {
        position: relative;
        /* top: 0; */
        top:-1em;
        background: #f70;
        color: #fff;
        /* padding: 0 0.35em; */
        padding: 0 0.15em;
        font-weight: 200;
        font-size: 1.5em;
        text-align: center;
      }
    

    #contactForm .btnSubmit {
	    border: 0;
	    background: #a41f35;
	    display: inline-block;
	    cursor: pointer;
	    text-align: center;
	    font-weight: 500;
	    font-style: normal;
	    font-size: 26px;
	    line-height: 1em;
	    padding: 16px 15px 15px;
	    border-radius: 3px;
	    position: relative;
	    color: #fff;
	    text-decoration: none
    }
    #contactForm .btnSubmit {
      width: 100%;
    }
    #contactForm .btnSubmit > span {
      display: none;
    }
      
    #formStatus {
      display: block;
      font-size: 1.8em;
      font-weight: 300;
      margin: 0 auto;
      text-align: center;
      width: 100%;
    }
      #formStatus h4 {
        color: #a41f35;
        font-size: 1.7em;
        line-height: 1.4;
        height: 1.4em;
        font-weight: 500;
        display: block;
        text-transform: uppercase;
      }
      #formStatus > span {
        font-size: 1.1em;
        line-height: 1;
        font-weight: 500;
        height: 2em;
        display: block;
        margin-top: 0.5em;
      }











.section--resultados {
  background: #fafafa;
  padding: 8em 4em;
  text-align: left;
}
.section--resultados + .section--resultados {
  border-top: 2px solid rgba(168, 84, 106, 0.5);
}
.resultados__listado--list {
  list-style: disc outside;
}
.resultados__listado li {
  display: list-item;
  font-size: 0.8em;
  text-transform: none;
}
.resultados__listado li:not(:last-child) {
  margin-bottom: 1em;
}
.resultados__listado strong {
  display: block;
}
.resultados__listado--premios li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9em;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.resultados__listado--premios li:first-child {
  background: rgba(168, 84, 106, 0.1);
  -webkit-box-shadow: 0 0 0.4em 0.4em rgba(168, 84, 106, 0.1);
  box-shadow: 0 0 0.4em 0.4em rgba(168, 84, 106, 0.1);
  font-size: 1.1em;
}
  .resultados__listado--premios li p {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .resultados__listado--premios li > p > strong {
    font-size: 1.2em;
  }
  .resultados__listado--premios li figure {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 200px;
  }
  .resultados__listado--premios li figure img,
  .resultados__listado--premios li figure a {
    display: block;
    height: auto;
    margin-right: 0;
    width: 100%;
  }
  .resultados__listado--premios li figure img {
    border: 3px solid #595a5d;
    width: 200px;
    box-shadow: 0 0.1em 0.1em -0.1em rgba(0,0,0,0.8), 0 0.1em 0.5em -0.3em #000;
  }

  .resultados__listado--premios li:first-child figure img {
    border-color: #a8546a;
    box-shadow: 0 0.1em 0.1em -0.1em rgba(168, 84, 106, 0.8), 0 0.1em 0.5em -0.3em #a8546a;
  }




/*  FOOTER 
  ========================================================================== */
.footer {
  padding: 8em 0;
}
  .footer > .container {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
    .logo-fundacion,
    .logo--footer {
      flex: 1 1 auto;
      max-width: 49%;
    }
    .logo-fundacion {
      margin-left: 2%;
      text-align: right;
    }
















/*  ==========================================================================
	MEDIA QUERIES 
	========================================================================== */

@-ms-viewport { width: device-width; }



@media all and (max-width:1599px){
  .escultura {
    left: 0;
  }
}
@media all and (max-width:1319px){
  .container {
    width: 1000px;
  }
  .escultura {
    left: -5%;
  }
}
@media all and (max-width:1199px){
  #clockdiv > div {
    font-size: 4em;
  }
  #clockdiv > div + div {
    margin-left: 1.25em;
    padding-left: 1.25em;
  }
  .fecha, .titulo {
    font-size: 5.7em;
  }
  .premio {
    display: block;
  }
  .premio + .premio {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0.5em;
    padding-top: 0.5em;
  }
}
@media all and (max-width:1023px){
  .container {
    width: 750px;
  }
  #clockdiv > div {
    font-size: 3.7em;
  }
  #clockdiv > div + div {
    margin-left: 1em;
    padding-left: 1em;
  }
  .fecha, .titulo {
    font-size: 5em;
  }
  .comoParticipar li {
    font-size: 3.1em;
  }
  .escultura {
    left: -6%;
  }
  .link,
  .texto {
    font-size: 4.6em;
  }
  #consultas .container,
  #comoParticipar .container {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media all and (max-width:991px){
  .logo img {
    max-height: 28vh;
  }
  #clockdiv > div {
    font-size: 3.1em;
  }
  #clockdiv > div + div {
    margin-left: 0.75em;
    padding-left: 0.75em;
  }
  .comoParticipar li {
    font-size: 2.9em;
  }
  .fecha, .titulo {
    font-size: 4.5em;
  }
  .link,
  .texto {
    font-size: 4.4em;
  }
}
@media all and (max-width:767px){
  .container {
    width: 460px;
  }

  #clockdiv > div {
    font-size: 2.9em;
  }
  #clockdiv > div + div {
    margin-left: 0.5em;
    padding-left: 0.5em;
  }
  .comoParticipar li {
    font-size: 2.6em;
  }
  .fecha, .titulo {
    font-size: 4em;
  }
  .premios {
    font-size: 0.9em;
  }
  .link,
  .texto {
    font-size: 4em;
  }
  .footer > .container {
    flex-flow: column nowrap;
  }
  .logo-fundacion,
  .logo--footer {
    max-width: 90%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  .logo-fundacion a,
  .logo--footer a {
    display: block;
    max-width: 100%;
  }
  .logo-fundacion img,
  .logo--footer img {
    display: block;
    margin: auto;
    max-width: 280px;
  }
  .logo--footer {
    margin-bottom: 4em;
  }
}
@media only screen and (max-width:579px){
  .header {
    background-image: url('../images/intro-mobile.jpg');
    min-height: 280px;
  }
  .logo img {
    max-height: 23vh;
  }


  #clockdiv > div {
    font-size: 2.5em;
  }

  .resultados__listado--premios li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .resultados__listado li:not(:last-child) {
    margin-bottom: 2em;
  }

  .resultados__listado--premios li p {
    margin-bottom: 0.5em;
  }
  .resultados__listado--premios li figure {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}
@media only screen and (max-width:479px){
  .container {
    width: 320px;
  }
  .header {
    min-height: 240px;
  }
  .logo img {
    max-height: 20vh;
  }

  #clockdiv > div {
    font-size: 2em;
  }
  #clockdiv > div + div {
    margin-left: 0.4em;
    padding-left: 0.4em;
  }
  #clockdiv div > small {
    font-size: 1.1em;
    letter-spacing: 0.3px;
    letter-spacing: 0.03em;
  }
  .comoParticipar li {
    font-size: 2.3em;
  }
  .fecha, .titulo {
    font-size: 3.5em;
  }
  .premios {
    font-size: 0.8em;
  }
  .link,
  .texto {
    font-size: 3.6em;
  }
}
@media only screen and (max-width:379px){
  .comoParticipar li {
    font-size: 2.1em;
  }
  .premios {
    font-size: 0.7em;
  }
  .escultura {
    display: none;
  }
  .link,
  .texto {
    font-size: 3.2em;
  }
  .texto {
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3), -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff, -1px -1px 0 #fff;
  }
}
@media (min-height:599px){
  .header {
    min-height: 310px;
  }
}
@media (min-height:768px){
  .header {
    min-height: 400px;
  }
}
@media (min-height:992px){
  .header {
    min-height: 440px;
  }
}
@media (min-height:1024px){
  .header {
    min-height: 460px;
  }
}
@media (min-height:1080px){
  .header {
    min-height: 480px;
  }
}
@media (min-height:1140px){
  .header {
    min-height: 540px;
  }
}
@media (min-height:1200px){
  .header {
    min-height: 600px;
  }
}
@media (min-height:1280px){
  .header {
    min-height: 640px;
  }
}
@media (min-height:768px) and (min-width:1440px){
  .header {
    min-height: 600px;
  }
}