/* -------------------------------- 

HEADER / FOOTER

-------------------------------- */
@media only screen and (max-width: 1280px) {
	/*header > nav,
	header > .social {
		display: none;
	}
	header .btnOpen {
		display: block;
	}

	header .logoKongSkullIsland {
	    width: 100px;
	    height: 52px;
	    top: 30px;
	    left: 30px;
	}*/
}

@media only screen and (max-width: 840px) {
/*	footer .legal {
		width: 100%;
	    left: 50%;
    	bottom: 50px;
	    text-align: center;
    	transform: translate(-50%,0);
	}
	footer .terms {
		width: 100%;
	    left: 50%;
	    bottom: 25px;
        text-align: center;
	    transform: translate(-50%,0);
	}*/
}

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

@media only screen and (max-width: 580px) {
	/*header .social li {
		margin-right: 40px;
	}*/
}

@media only screen and (max-width: 480px) {
	/*header .social {
	    right: 100px;
        top: 34px;
	}*/
}

@media only screen and (max-width: 420px) {
	/*footer .legal {
	    bottom: 60px;
	}
	footer .terms {
	    bottom: 15px;
	}
	footer .terms li {
	    margin-left: 0;
	    display: inline-block;
	    width: 30%;
	}
	footer .terms li:nth-child(1):after,
	footer .terms li:nth-child(2):after {
		display: none;
	}
	footer .terms li.credits {
		margin-top: 6px;
	}
	footer .terms li.credits a {
		margin: 0 auto;
	}*/
}











/* -------------------------------- 

INFOGRAPHIC

-------------------------------- */

@media only screen and (max-width: 1600px), (max-height: 800px) {

	header {
	    height: 150px;
	}


	.overlay-content {
	    top: 14%;
	    width: 100%;
	    margin-top: 0px;
	}
	/*header .social {
		top: 0;
	}
	*/

	.info .wrap {
		max-width: 1052px;
	    height: 500px;
        background: rgba(0,0,0,0) url(../images/bk-grilla.png) no-repeat scroll top center / auto 100%;
	}
	.positionLeft {
	    top: 20px;
        left: 35px;
	}
	.positionCenter {
		top: 30px;
	}
	.info .circularImg {
	    width: 220px;
    	height: 220px;
	}
	.info .circularImg > span {
	    width: 120px;
    	height: 120px;
	}
	.info .circularImg p {
	    top: 15px;
	}


	/* #ancestry */
	#ancestry .info .circularImg:after {
	    bottom: -52px;
        height: 40px;
	}


	#ancestry .info .caracteristicas {
	    margin-top: 53px;
	}
	#ancestry .info .caracteristicas h3,
	#ancestry .info .caracteristicas h3 span {
  font-size: calc( 13px + -0px );
	    max-width: 334px;
	    line-height: 13px;
		padding: 4px 0;
	}
	#ancestry .info .caracteristicas ul {
	    margin-top: 30px;
	}
	#ancestry .info .caracteristicas li p {
		font-size: 13px;
	    line-height: 13px;
	}
	#ancestry .info .caracteristicas li span:before {
        top: 14px;
        font-size: calc( 18px + -0px );
	}

	#ancestry .info .caracteristicas li {
	    width: 80px;
	    height: 80px;
	    margin-right: 20px;
	}
	#ancestry .info .caracteristicas li span {
	    width: 60px;
	    height: 60px;
	}




	.info h1.title {
	    font-size: calc( 56px + -0px );
	}
	.info h1.title:after {
	    height: 6px;
        width: 101px;
        margin: 6px 0 22px -35px;
	}
	.info .photo {
	    right: -38px;
	    top: 30px;
	    width: 60%;
	    float: right;
	}


	.info p {
	    font-size: calc( 14px + -0px );
	    line-height: 25px;
	    font-family: 'HelveticaNeueLT Std Lt';
	    color: #FFF;
	    font-weight: 300;
	    font-style: normal;
	    font-stretch: condensed;
	    margin-bottom: 20px;
	}


	.info .question {
	    position: absolute;
	    left: 57px;
	    bottom: 10px;
	    z-index: 999;
	}
	.info .question p {
	    margin-left: 0;
	}
	.info .question ul.answers li a {
	    line-height: 24px;
	}
	.info .question:before {
	    margin: 0px 0 0 -45px;
	}


	/* shareArea */
	.info .shareArea {
	    right: 17px;
	    /*bottom: 10px;*/
	    bottom: -36px;
	}
	.info .shareArea li {
	    margin-left: 24px;
	}	




	/* #height */
	#height .info .content {
	    padding: 10px 0 0 35px;
	}
	#height .info .content .monument {
    	height: 100%;
	}
	#height .info .content.alto {
	    height: 51px;
	}
	#height .info .content.bajo {
	    height: 285px;
	}

	#height .info .content .txt {
	    top: -31px;
	}
	#height .info h1.title:after {
		height: 40px;
	}
	#height .info .positionLeft p {
	    /*top: 8px;
	    left: 230px;*/
	    font-size: calc( 14px + -0px );
	    line-height: 18px;
	}


	#height .info .content h3, 
	#height .info .content p, 
	#height .info .content span {
		font-size: 24px;
   	 	line-height: 24px;
	}
	#height .info .content .kong {
		height: 337px;
	}
	#height .info .content .kong img {
	    height: 100%;
	}
	#height .info .content .kong:before {
	    width: 280px;
    	height: 280px;
	}



	/* #weight */
	#weight .info h1.title:after {
		height: 40px;
	}
	#weight .info .positionLeft p {
	    font-size: calc( 14px + -0px );
	    line-height: 18px;
	}

	#weight .info .contentBalanza .balanza {
	    width: 640px;
	    height: 303.85px;  
	}
	@keyframes balanza {
	  100% { background-position: center -15737.5px; }
	}

	/*#weight .info .contentBalanza .balanza img {
	    height: 74px;
	}*/
	#weight .info .contentBalanza .kong {
	    /*bottom: 70px;
	    margin-left: -196px;*/
	    bottom: 325px;
	    margin-left: -196px;
	}
	#weight .info .contentBalanza .bus {
	    /*bottom: 70px;
	    margin-left: 188px;*/
		bottom: 325px;
	    margin-left: 211px;	    
	}

	#weight .info .contentBalanza .kong h3,
	#weight .info .contentBalanza .bus h3,
	#weight .info .contentBalanza .kong h3 span,
	#weight .info .contentBalanza .bus h3 span {
	    font-size: calc( 24px + -0px );
    	line-height: 24px;
	}
	#weight .info .contentBalanza .kong img,
	#weight .info .contentBalanza .bus img {
	    height: 260px;
	}


	#weight .info .circularImg {
	    width: 240px;
	    height: 240px;
	    bottom: 132px;
	}
	#weight .info .circularImg > span {
	    width: 200px;
	    height: 200px;
	}
	#weight .info .circularImg p,
	#weight .info .circularImg p > span {
	    font-size: calc( 16px + -0px );
	    line-height: 20px;
	    letter-spacing: 4px;
	}
	/* #power */
	/*#power .datos {
	    margin-top: 40px;
	}
	#power .datos .kong {
	    width: 100px;
	}
	#power .info .photo {
	    width: 37%;
	}*/
	#power .info .kongPower {  
	  width: 1041px;
	  height: 500px;  
	  background: rgba(0,0,0,0) url("../images/04-power-01.png") no-repeat scroll;
      background-size: 100% auto;
	  animation: kongPower 2s steps(45) infinite;
	}
	@keyframes kongPower {
	  100% { background-position: center -22505px; }
	}	
	#power .textos {
	    left: 320px;
    	top: 230px;
	    padding: 12px 20px 8px 0;
		width: 320px;
	    margin: 0 auto;
	}	
	#power .textos p {
	    font-size: calc( 14px + -0px );
        margin-bottom: 4px;
	}
	#power .textos h3,
	#power .textos h3 span {
	    font-size: calc( 24px + -0px );
	    line-height: 24px;
	}
	/*
	#power .textos {
	    padding: 20px 20px 0 0;
	    margin: 0px 0 0 15px;
	}*/





	/* #spiritual */
	#spiritual .positionRight {
	  top: initial;
	  bottom: 0;
	  top: 38px;  
	}
	#spiritual .info .photo {
	  width: 640px;
	  height: 431px;  
	}
	@keyframes india {
	  100% { background-position: center -19392px; }
	}
	/*#spiritual .info .photo {
	    right: 0;
	    width: 70%;
	    top: 78px;
	}*/



	/* #enemies */
	#enemies .datos {
	    width: 543px;
	    height: 120px;
	    right: 35px;
	    margin-top: 215px;
	}
	#enemies .items p,
	#enemies .items p span {
	    line-height: 20px;
	}
	#enemies .datos > img {
	    height: 120px;
	}	
	#enemies .positionRight .skulls {
	  width: 318.9px;
	  height: 120px;  
	  position: absolute;
	  left: 0;
	  bottom: 0;
	}
	@keyframes skulls {
	  100% { background-position: center -3600px; }
}
	#enemies .info .circularImg {
	    width: 200px;
	    height: 200px;
	}
	#enemies .info .circularImg > span {
	    width: 155px;
	    height: 155px;
	}	
	#enemies .info .circularImg p {
	    top: -40px;
	}
	#enemies .info .datos .height {
	    top: -23px;
	}
	#enemies .info .datos .weight {
	    bottom: 7px;
	}


	/* #strength */
	#strength .textos {
	    right: 724px;
	    top: 205px;
    }
	#strength .textos p {
	  font-size: calc( 14px + -0px );
	  line-height: 18px;
    }
    #strength .textos h3 {
	  font-size: calc( 34px + -0px );
    }
	#strength .textos h3,
	#strength .textos h3 > span {
	  line-height: 34px;
	}
	#strength .textos h4 {
	  font-size: calc( 26px + -0px );
	}
	#strength .textos h4 {
	  line-height: 20px;
	}



	#strength .datos {
	    width: 596px;
	    height: 163px;
	    right: 136px;
	    margin-top: 230px;
	}
	#strength .datos > p {
	    font-size: calc( 14px + -0px );
	    line-height: 18px;
	    margin: 40px 0 0 30px;
	}	
	#strength .datos > p > span {
	    line-height: 16px;
	}

	#strength .info .circularImg {
	    width: 140px;
	    height: 140px;
        margin-left: 24px;
	}
	#strength .info .circularImg > span {
	    width: 108px;
	    height: 108px;
	}
	/*#strength .datos img {
	    float: left;
	    width: 170px;
	}*/



	/* #epicness */
	#epicness .info  .positionLeft p {
		font-size: 40px;
		line-height: 40px;
	}
	#epicness .info .question p {
		font-size: 24px;
	}
	#epicness .info .question ul.answers {
	    margin-top: 20px;
	}	
	.info .question ul.answers li {
	  margin: 0 14px;
	}	
	#epicness .info .question ul.answers li a {
	  font-size: calc( 24px + -0px );
	}


}

@media only screen and (max-width: 1300px) {
	header .mainMenu li {
	    margin-right: 25px;
	}
	header .social li {
	    margin-right: 10px;
	}
}



@media only screen and (max-width: 1200px), (max-height: 640px) {

	header {
    	height: 90px;
	}

	header > nav,
	header > .social,
	footer >ul,
	footer >p{
		display: none;
	}
	header .btnOpen {
		display: block;
	}
	header .mainMenu li {
		width: 100%;
	    padding: 12px;
	}
	header .social {
	    width: 90%;
	    right: 50px;
	    z-index: 9999;
	    position: absolute;
	    left: 50%;
	    top: 20%;
	    top: 20px;
	    transform: translate(-50%,-50%);
	}
	header .mainMenu {
	    position: absolute;
	    left: 50%;
	    top: 50px;
	    transform: translate(-50%,0);
	    text-align: center;
        padding-bottom: 50px;
    max-width: 600px;
	}
	header .logoKongSkullIsland {
	    width: 100px;
	    height: 63px;
	    top: 30px;
	    left: 30px;
	}
	header .b-sound {
	    right: 136px;
	    top: 20px;
	    border: 2px solid #e88d53;
	}

	header .linea {
		border-top: 2px solid rgba(232,141,83,1);
		margin-top: 10px;
		padding-top: 10px;
	}
	/*header .mainMenu li.linea a:hover:before {
		display: none;
	}*/


	#cd-vertical-nav .cd-label {
	    font-size: calc( 13px + -0px )!important;
	}
	.cd-scroll-down {
	    bottom: 10px !important;
	    height: 26px !important;
	    font-size: calc( 12px + -0px )!important;
        background-size: 11% auto !important;
	}
	#home .cd-scroll-down {
	    height: 40px !important;
	}



	.positionLeft {
	    top: 14px;
	    left: 24px;
	}
	.positionCenter {
	    top: 15px;
	}
	/*.positionRight {
	    top: 30px;
	}*/

	.info .photo {
	    right: -38px;
	    top: 30px;
	    width: 45%;
	    -webkit-box-shadow: 15px 15px 29px 0px rgba(4, 1, 5, 0.75);
	    -moz-box-shadow: 15px 15px 29px 0px rgba(4, 1, 5, 0.75);
	    box-shadow: 15px 15px 29px 0px rgba(4, 1, 5, 0.75);
	}


	.info .question p,
	.info .question ul.answers li a {
	    letter-spacing: 3px;
    	line-height: 18px;
	}
	.info .question ul.answers li {
	    margin: 0 10px;
	}	



	/* shareArea */
	.info .shareArea {
	    right: 13px;
	    /*bottom: 10px;*/
	    bottom: -36px;
	}
	.info .shareArea li {
	    margin-left: 22px;
	}
	.info .shareArea li a {
	    width: 14px;
        height: 28px;
	}
	.info .shareArea li.facebook a {
	    background: rgba(0,0,0,0) url(../images/icon-facebook-white.svg) no-repeat scroll center center / auto 50%;
	}
	.info .shareArea li.twitter a {
	    background: rgba(0,0,0,0) url(../images/icon-twitter-white.svg) no-repeat scroll center center / auto 44%;
	}	





	.info .wrap {
	    max-width: 821px;
	    height: 390px;
	}
	.info h1.title {
	    font-size: calc( 36px + -0px );
	}
	.info h1.title:after {
	    height: 4px;
        width: 77px;
	    margin: 4px 0 12px -24px;
	}
	.info p {
	    font-size: calc( 12px + -0px );
	    line-height: 20px;
	    margin-bottom: 10px;
	    letter-spacing: 0.3px;
	}



	.info .circularImg {
	    width: 170px;
	    height: 170px;
	}
	.info .circularImg > span {
	    width: 90px;
	    height: 90px;
	}
	.info .circularImg p {
		font-size: calc( 13px + -0px );
	    top: 10px;
	}	

	/* #ancestry */
	#ancestry .info .circularImg:after {
	    bottom: -42px;
	    height: 30px;
	}
	#ancestry .info .caracteristicas {
	    margin-top: 43px;
	}
	#ancestry .info .caracteristicas h3,
	#ancestry .info .caracteristicas h3 span {
	    font-size: calc( 12px + -0px );
        line-height: 12px;
		padding: 4px 0;
		max-width: 243px;
	}


	#ancestry .info .caracteristicas ul {
	    margin-top: 19px;
	}	
	#ancestry .info .caracteristicas li {
	    width: 70px;
	    height: 70px;
	    margin-right: 12px;
	}
	#ancestry .info .caracteristicas li:before {
		height: 13px;
	    top: -18px;
	}


	#ancestry .info .caracteristicas li span {
	    width: 55px;
	    height: 55px;
	}	
	#ancestry .info .caracteristicas li p {
  font-size: calc( 12px + -0px );
	    line-height: 12px;
	}



	/* #height */	
	#height .info h1.title:after {
		height: 40px;
	    width: 3px;
	    height: 30px;
	}
	#height .info .positionLeft p {
		padding-top: 0;
		font-size: calc( 13px + -0px );
	    line-height: 16px;
	}

	#height .info .content .monument {
	    margin-right: 110px;
	}
	#height .info .content.alto {
	    height: 40px;
	}	
	#height .info .content.bajo {
	    height: 222px;
	}
	#height .info .content .txt {
	    top: -27px;
	}	
	#height .info .content h3, 
	#height .info .content p, 
	#height .info .content span {
  font-size: calc( 20px + -0px );
	    line-height: 20px;
	}	
	#height .info .content .kong {
	    height: 266px;
	}
	#height .info .content .kong:before {
	    width: 220px;
	    height: 220px;
	}


	/* #weight */
	#weight .info h1.title:after {
		height: 40px;
	    width: 3px;
	    height: 30px;
	}
	#weight .info .positionLeft p {
		padding-top: 0;
  font-size: calc( 13px + -0px );
	    line-height: 16px;
	}

	#weight .info .contentBalanza .balanza {
	    width: 500px;
	    height: 235.9px;  
	}
	@keyframes balanza {
	  100% { background-position: center -12295px; }
	}


	/*
	#weight .info .contentBalanza .balanza img {
	    height: 57px;
	}*/
	#weight .info .contentBalanza .kong {
	    /*bottom: 54px;
	    margin-left: -151px;*/
	    bottom: 246px;
	    margin-left: -175px;	    
	}
	#weight .info .contentBalanza .bus {
	    /*bottom: 54px;
	    margin-left: 147px;*/
		bottom: 246px;
	    margin-left: 165px;	    
	}
	#weight .info .contentBalanza .kong img,
	#weight .info .contentBalanza .bus img {
	    height: 190px;
	}
	#weight .info .contentBalanza .kong h3,
	#weight .info .contentBalanza .bus h3,
	#weight .info .contentBalanza .kong h3 span,
	#weight .info .contentBalanza .bus h3 span {
  		font-size: calc( 20px + -0px );
	    line-height: 20px;
	}	

	#weight .info .circularImg {
	    width: 200px;
	    height: 200px;
	    bottom: 120px;
	}
	#weight .info .circularImg > span {
	    width: 170px;
	    height: 170px;
	}
	#weight .info .circularImg p,
	#weight .info .circularImg p > span {
  font-size: calc( 14px + -0px );
	    line-height: 14px;
	    letter-spacing: 3px;
	}


	/* #power */	
	#power .datos .kong {
	    width: 80px;
	}
	/*#power .datos .textos {
	    width: 380px;
	}*/
	/*#power .datos .textos p,
	#power .datos .textos p > span {
  font-size: calc( 13px + -0px );
	    line-height: 15px;
	    margin-bottom: 12px;
	}*/
	/*#power .datos .textos {
	    padding: 12px 80px 0 0;
	}
	#power .datos .textos h3 {
  font-size: calc( 20px + -0px );
	}
	#power .info .photo {
	    margin-top: -53px;
	}*/
	#power .info .kongPower {  
	  width: 812px;
	  height: 390px;  
	  background: rgba(0,0,0,0) url("../images/04-power-01.png") no-repeat scroll;
      background-size: 100% auto;
	  animation: kongPower 2s steps(45) infinite;
	}
	@keyframes kongPower {
	  100% { background-position: center -17556px; }
	}	
	#power .textos {
	    left: 190px;
    	top: 170px;
	    padding: 8px 20px 8px 0;
		width: 300px;
	    margin: 0 auto;
	}	
	#power .textos p {
  font-size: calc( 13px + -0px );
        margin-bottom: 4px;
	}
	#power .textos h3,
	#power .textos h3 span {
  font-size: calc( 20px + -0px );
	    line-height: 20px;
	    margin-bottom: 4px;
	}




	/* #spiritual */
	#spiritual .positionRight {
	  top: initial;
	  bottom: 0;
	  top: 36px;  
	}
	#spiritual .info .photo {
	  width: 480px;
	  height: 323px;  
	}
	@keyframes india {
	  100% { background-position: center -14544px; }
	}
	/*#spiritual .info .photo {
	    right: 0;
	    width: 58%;
	    top: 50px;
	}*/



	/* #enemies */
	#enemies .datos {
	    width: 402px;
	    height: 100px;
	    margin-top: 155px;
	}
	#enemies .datos > img {
	    height: 100px;
	}
	#enemies .positionRight .skulls {
	  width: 265.7px;
	  height: 100px;  
	  position: absolute;
	  left: 0;
	  bottom: 0;
	}
	@keyframes skulls {
	  100% { background-position: center -3000px; }
}
	#enemies .info .circularImg {
	    width: 150px;
	    height: 150px;
	}
	#enemies .info .circularImg > span {
	    width: 120px;
	    height: 120px;
	}
	#enemies .info .circularImg p {
		font-size: calc( 12px + -0px );
	}
	#enemies .info .datos .height {
	    top: -21px;
	}	
	#enemies .info .datos .weight {
	    bottom: 6px;
	}
	#enemies .info .datos > p {
		font-size: 13px;
    	line-height: 13px;
	}
	#enemies .items p,
	#enemies .items p span {
		font-size: 13px;
    	line-height: 13px;
	}


	/* #strength */
	#strength .textos {
	    right: 552px;
	    top: 130px;
        width: 260px;
	}
	#strength .textos p {
	  font-size: calc( 12px + -0px );
	  line-height: 16px;
    }
    #strength .textos h3 {
	  font-size: calc( 28px + -0px );
    }
	#strength .textos h3,
	#strength .textos h3 > span {
	  line-height: 28px;
	}
	#strength .textos h4 {
	  font-size: calc( 20px + -0px );
	  line-height: 20px;
	}



	#strength .datos {
	    width: 580px;
	    height: 180px;
	    right: 10px;
	    margin-top: 138px;
	}
	/*#strength .datos img {
	    width: 140px;
	}*/
	#strength .info .circularImg > span {
	    width: 90px;
	    height: 90px;
	}
	#strength .info .circularImg {
	    width: 110px;
	    height: 110px;
        margin-left: 34px;
	}

	#strength .datos > p {
	    font-size: calc( 12px + -0px );
	    line-height: 16px;
	    margin: 46px 0 0 10px;
	}
	#strength .datos > p > span {
	    line-height: 16px;
	}
	#strength .datos > p:before {
	    left: 10px;
        height: 90px;
	}



	/* #epicness */
	#epicness .info .positionLeft p {
  font-size: calc( 26px + -0px );
	    line-height: 26px;
	}	
	#epicness .info .question p,
	#epicness .info .question ul.answers li a {
	    font-size: calc( 18px + -0px );
	}
	#epicness .info .question ul.answers {
	    margin-top: 14px;
	}


}
@media only screen and (max-width: 1024px) and (orientation:landscape) {
	.lity-youtube .lity-container {
        width: 100%;
    	padding: 0 50px;
	}
	/* #home */
	#home.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/00-home-bk-mobile.jpg) repeat scroll center center / cover;
		background-size: cover;
	}

}




@media only screen and (max-width: 880px), (max-height: 490px) {
	body {
		overflow: initial;
	}

	header {
		height: 80px;
		background: rgba(0,0,0,1);
		background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 57%, rgba(0,0,0,0) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(57%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 57%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 57%, rgba(0,0,0,0) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 57%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 57%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	}


	.fullscreen-bg__video {
	   display: none;
	}
	#home .fullscreen-bg__video.viewDesktop {
	  display: none;
	}
	#home .fullscreen-bg__video.viewMobile {
	  display: block;
	}




	.btnOpen,
	.overlay a.closebtn {
	    right: 24px;
	    top: 16px;
	}
	.cd-nav-trigger {
	    top: 16px !important;
	}

	header .logoKongSkullIsland {
    	left: 20px;
    	top: 22px;
	}
	header .b-sound {
	    top: 16px;
	    display: none;
	}	




	/*.info .wrap {
	    max-width: 600px;
	    height: 285px;
	}*/
	.positionLeft {
	    width: 100%;
	    position: static;
	    padding: 30px 65px 20px 65px;
	}
	.positionCenter {
	    position: static;
	    margin: 0 auto;
	    transform: initial;
	}
	.positionRight {
	    position: static;
	    /*margin-top: 40px;*/
        margin: 0 auto;
        margin: 0px 65px 0 65px; 
	    display: table;
	    text-align: center;
	}
	.info .photo {
	    width: auto;
	    position: static;
	    margin: 0 auto;
	    float: none;
	}






	.info .question {
	    left: 0;
	    bottom: 20px;
	    text-align: center;
	    width: 100%;
	    padding: 0 30px;
	}
	.info .question:before {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    margin: 0 auto;
	    font-size: calc( 22px + -0px );
	    position: absolute;
	    top: -57px;
	    left: 50%;
	    transform: translate(-50%,0);
	}
	.info .question ul.answers {
	    margin-top: 20px;
    	width: 100%;
	}
	.info .question p {
		display: block;
	    padding: 0px;
	    text-align: center;  
	    font-size: calc( 18px + -0px );

	}
	.info .question ul.answers li {
	    margin-left: 0;
	    margin-right: 30px;
	}	
	.info .question ul.answers li:last-child {
	    margin: 0px;
	}
	.info .question ul.answers li a {
		display: block;
        padding: 0px;
    	margin: 0;
    	font-size: 16px;
	}
	.info .question ul.answers li a.correcta:after,
	.info .question ul.answers li a.incorrecta:after {
	    bottom: -1px;
	}



	/* shareArea */
	.info .shareArea,
	#epicness .info .shareArea {
		left: 50%;
	    right: initial;
        bottom: initial;
	    /*top: -40px;*/
	    bottom: -42px;
	    transform: translate(-50%,0);
	}
	.info .shareArea li {
	    margin-left: 22px;
	}
	.info .shareArea li a,
	#epicness .info .shareArea li a {
		width: 20px;
		height: 30px;
	}
	.info .shareArea li.facebook a,
	#epicness .info .shareArea li.facebook a {
	    background: rgba(0,0,0,0) url(../images/icon-facebook-white.svg) no-repeat scroll center center / auto 86%;
	}
	.info .shareArea li.twitter a,
	#epicness .info .shareArea li.twitter a {
	    background: rgba(0,0,0,0) url(../images/icon-twitter-white.svg) no-repeat scroll center center / auto 72%;
	}	




	.info h1.title {
		width: 100%;
		float: none;
	    /*font-size: 30px;*/
  font-size: calc( 80px + -0px );
	    text-align: center;
	}
	.info h1.title:after,
	#height .info h1.title:after,
	#weight .info h1.title:after {
	    width: 130px;
	    height: 16px;
	    margin: 10px auto 18px auto;
        display: block;
	}



	.info p {
  font-size: calc( 18px + -0px );
	    line-height: 30px;
	    margin-bottom: 30px;
	    letter-spacing: 0.3px;
	}




	.info .wrap {
		width: 100%;
		/*max-width: 450px;*/
		max-width: 640px;
		background: rgba(0,0,0,0) url(../images/bk-grilla-mobile-640.png) repeat scroll top center / auto auto;
	}



	/* #home */
	#home.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/00-home-bk-mobile.jpg) repeat scroll center center / cover;
		background-size: cover;
	}


	/* #ancestry */
	#ancestry.cd-section {
    	height: 1620px;
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/01-ancestry-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;
	}
	#ancestry .info .wrap {
	    height: 1413px;
	}

	.info .circularImg {
	    width: 280px;
	    height: 280px;
	}	
	.info .circularImg > span {
	    width: 180px;
	    height: 180px;
	}	
	.info .circularImg p {
	    font-size: calc( 20px + -0px );
        top: 12px;
        left: 50%;
	}
	#ancestry .info .caracteristicas {
		max-width: 100%;
	}
	#ancestry .info .caracteristicas h3,
	#ancestry .info .caracteristicas h3 span {
		max-width: 100%;
	    font-size: calc( 15px + -0px );
	    line-height: 15px;
	}
	#ancestry .info .caracteristicas ul {
	    margin-top: 30px;
	}	
	#ancestry .info .caracteristicas li {
	    width: 100px;
	    height: 100px;
	    margin-right: 26px;
	}
	#ancestry .info .caracteristicas li span {
	    width: 80px;
	    height: 80px;
	}
	#ancestry .info .caracteristicas li p {
	    font-size: calc( 15px + -0px );
	    line-height: 13px;
	}




	/* #height */
	#height.cd-section {
    	height: 1110px;
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/02-height-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	
	}
	#height .info .wrap {
	    height: 898px;
	}


	#height .positionLeft {
		width: 100%;
	}
	#height .info .positionLeft p {
	    font-size: calc( 18px + -0px );
	    line-height: 30px;
	    width: 100%;
	    max-width: 100%;
	    text-transform: initial;
	    position: static;
        margin-bottom: 30px;
        margin-left: 0;
	}
	#height .info .content.alto {
		height: 70px;
	}
	#height .info .content {
		padding: 0;
	}
	#height .info .content.bajo {
	    height: 386px;
	}
	#height .info .content .monument {
		left: 58%;
		right: initial;
	}

	#height .info .content .kong {
	    height: 460px;
	    left: calc(50% - 170px);
	}
	#height .info .content h3 {
		font-size: calc( 30px + -0px );
	}
	#height .info .content p {
		font-size: calc( 28px + -0px );
	}
	#height .info .content span {
		font-size: calc( 28px + -0px );
	}
	#height .info .content.alto .txt {
		top: -493px;
		right: 0;
	}	
	#height .info .content.alto h3,
	#height .info .content.alto p {
	    text-align: right;
	    padding-right: 20px;
	}
	#height .info .content.bajo .txt {
		top: -107px;
		left: 0;
	}	
	#height .info .content.bajo h3,
	#height .info .content.bajo p {
	    text-align: left;
	    padding-left: 20px;
	}


	/*
	#height .info .content .kong {
	    height: 266px;
	    left: 50%;
	    bottom: 381px;
	    width: 100%;
	    text-align: center;
	    border-top: 2px dashed #FFF;
	    border-bottom: 2px solid #FFF;
	}
	#height .info .content.alto h3 {
	    margin-top: -210px;
	}
	#height .info .content.bajo h3 {
	    margin-top: -380px;
	}*/




	/* #weight */
	#weight.cd-section {
    	height: 960px;
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/03-weight-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	
	}
	#weight .info .wrap {
	    height: 770px;
	}	


	#weight .positionLeft {
	    width: 100%;
	}
	#weight .info .positionLeft p {
	    font-size: calc( 18px + -0px );
	    line-height: 30px;
	    width: 100%;
	    max-width: 100%;
	    text-transform: initial;
	    position: static;
	    margin-bottom: 30px;
	    margin-left: 0;
	}
	#weight .info .contentBalanza .balanza {
	    /*width: 318px;*/
	    /*width: 90%;*/
	    /*width: 500px;
	    height: 244px;  */
	}
	/*@keyframes balanza {
	  100% { background-position: center -12472px; }
	}*/
	#weight .info .contentBalanza .balanza {
	    width: 500px;
	    height: 244px;  		
	    position: absolute;
	    left: 50%;
	    bottom: 0;
	    transform: translate(-50%,0);
	    background-image: url(../images/03-weight-01-mobile.png);
	    background-position: top;
	    background-size: 100% auto;
	    background-repeat: no-repeat;
	    animation: none;
	}

	#weight .info .contentBalanza .balanza img {
	    /*height: 36px;
	    width: auto;*/
	    /*max-width: initial;
	    width: 100%;
	    height: 67px;*/
	}
	#weight .info .contentBalanza .kong {
	    /*bottom: 34px;
	    margin-left: -88px;*/
	    padding-left: 5px;
	    max-width: 240px;
	    text-align: left;
		bottom: 296px;
	    margin-left: 0;
	    left: 0;
	    transform: initial;
	}
	#weight .info .contentBalanza .bus {
	    /*bottom: 34px;
	    margin-left: 97px;*/
	    padding-right: 5px;
	    max-width: 240px; 
	    text-align: right;
		bottom: 296px;
	    margin-left: 0;
	    right: 0;
	    left: initial;
	    transform: initial;
	}
	#weight .info .contentBalanza .kong h3 span, 
	#weight .info .contentBalanza .bus h3 span {
		display: block;
	    line-height: 30px;
	}
	#weight .info .contentBalanza .kong img,
	#weight .info .contentBalanza .bus img {
	    height: 300px;
	}
	#weight .info .contentBalanza .kong h3,
	#weight .info .contentBalanza .bus h3 {
	    font-size: calc( 30px + -0px );
	    line-height: 30px;
	    max-width: 98%;
	    margin: 0 auto;
	    text-align: center;
        margin-bottom: 20px;
	}
	#weight .info .circularImg {
	    /*bottom: 310px;*/
	    bottom: 100px;
        width: 220px;
	    height: 220px;
	}
	#weight .info .circularImg > span {
	    width: 200px;
	    height: 200px;
	}
	#weight .info .circularImg p,
	#weight .info .circularImg p > span {
	    font-size: calc( 25px + -0px );
	    line-height: 35px;
	    letter-spacing: 3px;
	    padding: 0 20px;
	    text-align: center;
	}
	#weight .info .circularImg p > span {
		display: block;
		width: 100%;
	}







	/* #power */
	#power.cd-section {
    	height: 1330px;
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/04-power-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	
	}
	#power .info .wrap {
	    height: 1156px;
	}	



	#power .info .kongPower {  
	  width: 640px;
	  height: 555px;  
	  background: rgba(0,0,0,0) url("../images/04-power-01-mobile.png") no-repeat scroll;
	  background-size: auto 100%;
	  background-position: bottom center;  	  
      animation: none;
	}/*
	@keyframes kongPower {
	  100% { background-position: none; }
	}*/

	/*#power .datos .kong {
		width: 140px;
	    margin: 0 auto 10px auto;
	    position: static;
	    display: block;
	    text-align: center;
	    float: none;
	}*/	
	/*#power .info .photo {
	    margin-top: 0px;
	    position: static;
	    width: auto;
	}*/
	#power .textos {
	    padding: 12px 0 0 0;
	    position: static;
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
		border-top: 1px solid #e88d53;
  		border-right: none;
	}
	#power .textos p,
	#power .textos p > span {
	    font-size: calc( 18px + -0px );
	    line-height: 20px;
	    text-align: center;
	}
	#power .textos h3,
	#power .textos h3 span {
	    font-size: calc( 37px + -0px );
	    text-align: center;
        margin-top: 16px;
        margin-bottom: 16px;
	}



	#power .positionLeft {
	    width: 100%;
	}
	#power .positionLeft p {
	    width: 100%;
	}	



	/* #spiritual */
	#spiritual.cd-section {
    	height: 1030px;
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/05-spiritual-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	    	
	}
	#spiritual .info .wrap {
	    height: 835px;
	}	


	#spiritual .positionRight {
	    width: 100%;
	    top: initial;
	    position: absolute;
	    bottom: 355px;
	    top: initial;
	    margin: 0;   
        right: -40px;
	}
	/*#spiritual .info .photo {
	  width: 480px;
	  height: 323px;  
	}*/
	/*@keyframes india {
	  100% { background-position: center -14544px; }
	}*/
	#spiritual .info .photo {
	  width: 480px;
	  height: 323px;  
	  position: absolute;
	  right: 35px;
	  bottom: 0;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  background-image: url("../images/05-spiritual-01-mobile.png");
	  background-position: top;
	  background-size: 100% auto;
	  background-repeat: no-repeat;
	  animation: none;
	}







	#spiritual .info .photo {
	    /*width: 100%;
	    max-width: 640px;*/
	    /*right: initial;
	    top: initial;
	    bottom: 0;
        left: calc(50% - 130px);
        padding: 0;
    	margin: 0;*/
	    /*position: static;*/
	}	


	#spiritual .info .positionLeft {
	    width: 100%;
	}
	#spiritual .info .positionLeft p {
	    width: 100%;
	}
	



	/* #enemies */
	#enemies.cd-section {
    	height: 1370px;
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/06-enemies-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	    	
	}
	#enemies .info .wrap {
	    height: 1155px;
	}

	#enemies .positionRight {
	    margin-top: 0px;
	}	
	#enemies .datos > img {
	    height: 170px;
	    display: block;
		float: left;
	}
	#enemies .positionRight .skulls {
	display: none;
	}
	#enemies .datos {
	    width: 402px;
	    height: 170px;
	    position: absolute;
	    /*left: calc(50% + 20px);*/
	    left: 60px;
	    top: initial;
	    /*transform: translate(-50%,0);*/
	    margin: 90px auto 0 auto;
	    width: 72%;
	    max-width: 500px;
	}
	#enemies .info .circularImg p {
		font-size: calc( 20px + -0px );
        left: 50%;
        top: -51px;
        transform: none;
	}
	#enemies .info .circularImg p,
	#enemies .info .circularImg p > span {
	    line-height: 18px;
	}
	#enemies .info .datos > p {
	    font-size: calc( 18px + -0px );
	    line-height: 18px;
	}
	#enemies .items {
		margin-bottom: 10px;
	}	
	#enemies .items p,
	#enemies .items p span {
	    font-size: calc( 18px + -0px );
    	line-height: 18px;
	}




	/* #strength */
	#strength.cd-section {
    	height: 1280px;
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/07-strength-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	    	
	}
	#strength .info .wrap {
	    height: 1092px;
	}



	#strength .textos {
	    right: initial;
	    top: initial;
        width: 100%;
        position: static;
        padding: 20px;
        margin: 20px auto 0 auto;
        text-align: center;
	}
	#strength .textos p {
	  font-size: calc( 18px + -0px );
	  line-height: 20px;
    }
    #strength .textos h3 {
	  font-size: calc( 32px + -0px );
    }
	#strength .textos h3,
	#strength .textos h3 > span {
	  line-height: 32px;
	}
	#strength .textos h4 {
	  font-size: calc( 26px + -0px );
	  line-height: 26px;
	}


	#strength .positionLeft {
	    width: 100%;
	}
	#strength .datos {
	    height: 100px;
	    position: static;
	    left: initial;
	    top: initial;
	    transform: initial;
	    margin: 20px auto 0 auto;
	    width: 100%;
	    padding: 0 20px;
	    max-width: initial;
	}
	#strength .datos > p {
		width: 100%;
	    max-width: 100%;
	    font-size: calc( 18px + -0px );
	    line-height: 20px;
	    padding: 20px 0 0 0;
	    margin: 39px 0 0 0;
	    text-align: center;
	}
	#strength .datos > p:before {
	    left: 0;
	    height: 1px;
	    width: 100%;
	    top: 0;
	}
	#strength .info .circularImg {
		/*transform: initial;
		position: relative;
        top: 33px;
    	left: 0;*/
        position: relative;
	    top: initial;
	    left: initial;
	    transform: initial;
	    margin: -145px auto 0 auto;
	}
	#strength .datos .helicopter {
	    float: none;
	    margin: 0 auto;
	    transform: none;
	    background: url(../images/07-strength-02-mobile.png) no-repeat center center / 100% auto;
		animation: none;
	}



	/* #epicness */
	#epicness.cd-section {
    	height: 680px;
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/08-epicness-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;  	    	    	
	}
	#epicness .info .wrap {
	    height: 550px;
	}


	#epicness .info  .positionLeft p {
		width: 90%;
	    font-size: calc( 36px + -0px );
	    line-height: 36px;
	}
	#epicness .info .question p, #epicness .info .question ul.answers li a {
	    font-size: calc( 24px + -0px );
  color: #e88d53;
	}
	#epicness .info .question ul.answers {
	    margin-top: 24px;
	}


}


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


	#weight .info .circularImg p,
	#weight .info .circularImg p > span {
	    font-size: calc( 20px + -0px );
	    line-height: 30px;
	}
	#weight .info .circularImg {
	    bottom: 100px;
	    width: 180px;
	    height: 180px;
	}


	#weight .info .circularImg > span {
	    width: 160px;
	    height: 160px;
	}




	#enemies .info .circularImg p {
		font-size: calc( 16px + -0px );
	}
	#enemies .info .datos > p {
	    font-size: calc( 14px + -0px );
	    line-height: 14px;
	}	
	#enemies .items p,
	#enemies .items p span {
	    font-size: calc( 14px + -0px );
    	line-height: 14px;
	}

	#enemies .datos{
		height: 120px;
	}
	#enemies .datos > img {
	    height: 120px;
	    float: left;
	    width: auto;
	}
	#enemies .positionRight .skulls {
	  width: 318.8px;
	  height: 120px;  
	  position: absolute;
	  left: 0;
	  bottom: 0;
	}
	@keyframes skulls {
	  100% { background-position: center -3600px; }
}
	#singleScreens main form .width50 {
    width: 100%;
    margin-bottom: 20px;
}
#singleScreens main form .width50:last-child {
    margin-bottom: 0;
}

}
@media only screen and (max-width: 420px) {
	#enemies .datos{
		height: 90px;
	}
	#enemies .datos > img {
	    height: 90px;
	}<!-- 
	#enemies .positionRight .skulls {
	  width: 239.1px;
	  height: 90px;  
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  transform: translate(-50%,0);
	}
	@keyframes skulls {
	  100% { background-position: center -2700px; }
} -->
	#enemies .info .circularImg {
	    width: 110px;
	    height: 110px;
	}
	#enemies .info .circularImg > span {
	    width: 90px;
	    height: 90px;
	}
}

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



	#home article > span {
	    padding: 0 30px;
	}


	.positionLeft {
	    padding: 30px 30px 10px 30px;
	}
	.positionRight {
        margin: 0 30px 0 30px;
	}	

	.info h1.title {
	    font-size: calc( 52px + -0px );
	}
	.info h1.title:after,
	#height .info h1.title:after {
	    height: 10px;
	}

	.info p {
	    font-size: calc( 16px + -0px );
	    line-height: 26px;
	    margin-bottom: 26px;
	    letter-spacing: 0.3px;
	}



	.info .circularImg {
	    width: 220px;
	    height: 220px;
	}
	.info .circularImg p {
		font-size: calc( 16px + -0px );
	    top: 8px;
	}		
	.info .circularImg > span {
	    width: 140px;
	    height: 140px;
	}




	.info .question:before {
	    width: 28px;
	    height: 28px;
	    line-height: 28px;
	    margin: 0 auto;
	    font-size: calc( 18px + -0px );
	    position: absolute;
	    top: -43px;
	    left: 50%;
	    transform: translate(-50%,0);
	}
	.info .question p {
	    font-size: calc( 15px + -0px );
	}
	.info .question ul.answers li a {
		font-size: 13px;
	}
	.info .question ul.answers li {
	    margin-right: 16px;
        margin-bottom: 12px;
	}



	/* #ancestry */
	#ancestry.cd-section {
	    height: 1420px;
	}
	#ancestry .info .wrap {
	    height: 1249px;
	}


	#ancestry .info .caracteristicas li {
	    width: 80px;
	    height: 80px;
	    margin-right: 12px;
	}
	#ancestry .info .caracteristicas li p {
	    font-size: calc( 13px + -0px );
	    line-height: 13px;
	}


	/* #height */
	#height.cd-section {
	    height: 950px;
	}
	#height .info .wrap {
	    height: 766px;
	}


	#height .info .positionLeft p {
	    font-size: calc( 15px + -0px );
	    line-height: 23px;		
	    margin-bottom: 26px;		
	    font-family: 'HelveticaNeueLT Std Lt';
	}
	#height .info .content.alto {
	    height: 42px;
	}
	#height .info .content.bajo {
	    height: 240px;
	}	

	#height .info .content.alto .txt {
		top: -356px;
		right: 0;
	}
	#height .info .content.bajo .txt {
		top: -116px;
		left: 0;
	}	
	#height .info .content p {
		margin-top: 0;
	}

	#height .info .content .kong {
	    height: 286px;
	    left: calc(50% - 100px);
	}
	

	#height .info .content h3 {
	    font-size: calc( 20px + -0px );
	}
	#height .info .content p,
	#height .info .content span {
	    font-size: calc( 20px + -0px );
	}




	/* #weight */
	#weight.cd-section {
	    height: 890px;
	}
	#weight .info .wrap {
	    height: 708px;
	}


	#weight .info .positionLeft p {
	    font-size: calc( 15px + -0px );
	    line-height: 23px;		
	    margin-bottom: 26px;		
	    font-family: 'HelveticaNeueLT Std Lt';
	}
	#weight .info .contentBalanza .kong h3,
	#weight .info .contentBalanza .bus h3 {
	    max-width: 98%;
	    font-size: calc( 20px + -0px );
	    line-height: 20px;
	}
	#weight .info .contentBalanza .kong h3 span,
	#weight .info .contentBalanza .bus h3 span {
	    line-height: 20px;
	}
	#weight .info .contentBalanza .bus {
	    bottom: 156px;
	    max-width: 48%;
	    padding-right: 5px;
	}
	#weight .info .contentBalanza .kong {
	    bottom: 156px;
	    max-width: 48%;	   
	    padding-left: 5px;
	}


	#weight .info .contentBalanza .balanza {
	    width: 320px;
	    height: 156px;  
	}
	/*
	@keyframes balanza {
	  100% { background-position: center -7982px; }
	}*/

	/*#weight .info .contentBalanza .balanza img {
	    height: 54px;
	}*/
	#weight .info .contentBalanza .kong img, 
	#weight .info .contentBalanza .bus img {
	    height: 240px;
	}
	#weight .info .circularImg {
		bottom: 186px;
	}
	#weight .info .circularImg p,
	#weight .info .circularImg p > span {
	    font-size: calc( 18px + -0px );
	    line-height: 25px;
	}




	/* #power */
	#power.cd-section {
	    height: 1170px;
	}	
	#power .info .wrap {
	    height: 989px;
	}


	#power .info .kongPower {  
		width: 480px;
		height: 416px;  
		background-size: auto 100%;
		background-position: bottom center;
    z-index: -1;
	}
	#power .kong {
   		width: 100px;
	}
	#power .textos p,
	#power .textos p > span {
	    font-size: calc( 16px + -0px );
	}
	#power .textos p:last-child {
		font-size: 14px;
	}
	#power .textos h3 {
	    font-size: calc( 32px + -0px );
	    margin-top: 12px;
    }







	/* #spiritual */
	#spiritual.cd-section {
	    height: 1010px;
	}	
	#spiritual .info .wrap {
	    height: 835px;
	}
	#spiritual .positionRight {
		margin: 0;
	    bottom: 246px;
	}
	#spiritual .info .photo {
	  width: 320px;
	  height: 215px;  
	}
	@keyframes india {
	  100% { background-position: center -9696px; }
	}

	#spiritual .info .question {
	    bottom: 190px;
	}






	/* #strength */
	#strength .positionRight {
    	margin: 0 10px 0 10px;
	}

	#strength .textos p {
	  font-size: calc( 16px + -0px );
	  line-height: 18px;
    }
    #strength .textos h3 {
	  font-size: calc( 30px + -0px );
    }
	#strength .textos h3,
	#strength .textos h3 > span {
	  line-height: 30px;
	}
	#strength .textos h4 {
	  font-size: calc( 20px + -0px );
	  line-height: 20px;
	}



	#strength .datos > p {
	    font-size: calc( 16px + -0px );
	    line-height: 18px;
	}


	/* #enemies */
	#enemies.cd-section {
	    height: 1270px;
	}
	#enemies .info .wrap {
	    height: 1091px;
	}




	/* #epicness */
	#epicness.cd-section {
	    height: 670px;
	}	
	#epicness .info .wrap {
	    height: 510px;
	}


	#epicness .info  .positionLeft p {
		width: 90%;
	    font-size: calc( 26px + -0px );
	    line-height: 26px;
	}
	#epicness .info .question p, #epicness .info .question ul.answers li a {
	    font-size: calc( 18px + -0px );
	}
	#epicness .info .question ul.answers {
	    margin-top: 18px;
	}
	#epicness .info .question ul.answers li {
	    margin: 0 20px;
	}





}












/* --- HOME --- */

@media only screen and (max-width: 1480px) {
	#home article > span > h1 {
	    font-size: calc( 70px + -0px );
	}
}
@media only screen and (max-width: 1280px) {
	#home article > span > h1 {
	    font-size: calc( 60px + -0px );
        margin-bottom: 6px;
	}
	#home article > span > h2 {
	    font-size: calc( 20px + -0px );
	}
}
@media only screen and (max-width: 680px) {
	#home article > span > h1 {
	    font-size: calc( 50px + -0px );
	    line-height: 40px;
	}
	#home article > span > h2 {
	    font-size: calc( 16px + -0px );
	}	
}
@media only screen and (max-width: 480px) {
	#home article > span > h1 {
	    font-size: calc( 40px + -0px );
	    line-height: 32px;
	}
}









/* -------------------------------- 

SCREENS SIZE AND MONUMENTS

-------------------------------- */

@media only screen and (max-width: 1600px), (max-height: 800px) {
	#singleScreens main h1 {
	    font-size: calc( 70px + -0px );
	}
}

@media only screen and (max-width: 1480px) {
	#singleScreens main h1 {
	    font-size: calc( 60px + -0px );
	}
	#singleScreens main h2 {
	    font-size: calc( 22px + -0px );
	}
	#singleScreens main form {
		margin-top: 50px;
	}
	#singleScreens main .monuments {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 1280px) {
	#singleScreens main h1 {
	    font-size: calc( 50px + -0px );
        margin-bottom: 6px;
	}
	#singleScreens main h2 {
	    font-size: calc( 20px + -0px );
	}

	#singleScreens main .monuments {
		margin-top: 60px;
	}
	#singleScreens main .monuments li {
		width: calc(33.3% - 30px);
		max-width: initial;
		margin-bottom: 30px;
	}

	#singleScreens main form {
		/*margin-top: 70px;*/
		margin-top: 50px;
	}

	#singleScreens main#kongPare .back {
	  margin-bottom: 50px;
	}

}


@media only screen and (max-width: 800px) {
	#singleScreens main.posteo .shareSeccion {
	    width: 100%;
	    position: static;
	    right: 0;
	    top: 0;
	    margin: 40px 0 0 0;
	}
	#singleScreens main.posteo .shareSeccion ul li {
	    margin: 15px 10px 0 10px;
	}
	#singleScreens main .wrapPost .back {
		margin: 40px auto 0 auto;
	}
	/*#singleScreens main form {
	    margin-top: 50px;
        margin-bottom: 120px;
	}*/



    #singleScreens .fullscreen-bg__video {
        display: none;
    }
    #singleScreens .fullscreen-bg {
        background: url('http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/bk-kong.jpg') center center / cover no-repeat;
    }

}

.tablet {
	overflow: auto;
}




	.tablet .fullscreen-bg__video {
	   display: none;
	}
	.tablet #home .fullscreen-bg__video.viewDesktop {
	  display: none;
	}
	.tablet #home .fullscreen-bg__video.viewMobile {
	  display: block;
	}

	/* #home */
	.tablet #home.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/00-home-bk-mobile.jpg) repeat scroll center center / cover;
		background-size: cover;
	}


	/* #ancestry */
	.tablet #ancestry.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/01-ancestry-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;
	}
	/* #height */
	.tablet #height.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/02-height-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	
	}

	/* #weight */
	.tablet #weight.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/03-weight-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	
	}


	/* #power */
	.tablet #power.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/04-power-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	
	}


	/* #spiritual */
	.tablet #spiritual.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/05-spiritual-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	    	
	}

	/* #enemies */
	.tablet #enemies.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/06-enemies-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	    	
	}

	/* #strength */
	.tablet #strength.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/07-strength-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;    	    	    	
	}
	
	/* #epicness */
	.tablet #epicness.cd-section {
		background: rgba(0,0,0,0) url(http://pdl.warnerbros.com/wbmovies/kongskullisland/kongparison/videos/08-epicness-bk-mobile.jpg) repeat scroll top center / auto auto;
		background-size: cover;  	    	    	
	}

	.tablet #weight .info .contentBalanza .balanza {
	    background-image: url(../images/03-weight-01-mobile.png);
	    animation: none;
	}


	.tablet #power .info .kongPower {  
	  background: rgba(0,0,0,0) url("../images/04-power-01-mobile.png") no-repeat scroll;
      animation: none;
	}
	.tablet #spiritual .info .photo {
	  background-image: url("../images/05-spiritual-01-mobile.png");
	  animation: none;
	}

	.tablet #strength .datos .helicopter {
	    background: url(../images/07-strength-02-mobile.png) no-repeat center center / 100% auto;
		animation: none;
	}
	.tablet #enemies .info .circularImg p {
    	transform: none!important;
	}

	.tablet #enemies .datos > img {
	    display: block;
	}
	.tablet #enemies .positionRight .skulls {
		display: none;
	}

@media only screen and (max-width: 680px) {
	#singleScreens main h1 {
	    font-size: calc( 50px + -0px );
	    line-height: 40px;
	}
	#singleScreens main h2 {
	    font-size: calc( 16px + -0px );
	}	

	#singleScreens main .monuments {
	    margin-top: 42px;
	}	
	#singleScreens main .monuments li {
		width: calc(50% - 30px);
	}

}

@media only screen and (max-width: 620px) {
	#singleScreens main form a.whatIsThis {
	    right: 0;
	}
	#singleScreens main form .height input {
	    width: calc(100% - 44px);
    	float: left;
	}
	#singleScreens main .wrapPost#country .post {
		height: initial;
	}
}
@media only screen and (max-width: 580px) {
	#singleScreens main .wrapPost .post .content .sized .human {
	    right: 70px;
	}

	/* POST Share */
	#singleScreens main.posteo .shareSeccion ul li {
	    width: 55px;
	    height: 55px;
	}
	#singleScreens main.posteo .shareSeccion ul li .round-big {
		width: 58px;
    	height: 58px;
	}
	#singleScreens main.posteo .shareSeccion ul li .border {
	    width: 58px;
    	height: 58px;
	}
	#singleScreens main.posteo .shareSeccion ul li button {
	    width: 40px;
	    height: 40px;
	}

}

@media only screen and (max-width: 480px) {
	#singleScreens main { 
	    padding-left: 30px;
    	padding-right: 30px;
	    /*padding: 0px 20px 0 20px;*/
	    padding-bottom: 20px;
	}
	#singleScreens main h1 {
	    font-size: calc( 40px + -0px );
	    line-height: 32px;
	}

	#singleScreens main .monuments li {
		width: 100%;
		margin: 0 0 30px 0;
	}

	#singleScreens main form ul li {
	    width: calc(50% - 6px);
	}
	#singleScreens main form input,
	#singleScreens main form ul {
	    margin-bottom: 20px;
	}
	#singleScreens main form ul li,
	#singleScreens main form input {
		height: 50px;
	}
	#singleScreens main form ul li > a {
		line-height: 50px;
	}


	/* post */
	#singleScreens main .wrapPost .post .content .logo {
		height: 55px;
	}
	#singleScreens main .wrapPost .post .content .sizeKong {
	    top: 70px;
	}
	#singleScreens main .wrapPost .post .content .sizeHuman {
		top: 124px;
	}
	#singleScreens main .wrapPost .post .content .sized {
	    height: 200px;
	    bottom: 50px;
	}
	#singleScreens main .wrapPost .post .content .sized .kong {
	    height: 200px;
	    width: 126px;
	    left: 10px;
	}
	#singleScreens main .wrapPost .post .content .sized .human {
	    right: 60px;
	    height: 200px;
	}
	#singleScreens main .wrapPost .post .content .sized .human > span {
	    width: 7px;
	    height: 7%;
	}
	#singleScreens main .wrapPost .post .content .comparison {
		bottom: 20px;
	    width: 90%;
    	text-align: center;
	}
	#singleScreens main.posteo .shareSeccion ul li {
	    width: 50px;
    	height: 50px;
	}
}




@media only screen and (max-width: 380px) {
	#singleScreens main .wrapPost .post .content .sized .human {
	    right: 24px;
	}
}