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



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: 9px;

	    line-height: 13px;

	}

	#ancestry .info .caracteristicas li span:before {

        top: 14px;

        font-size: calc( 18px + -3px );

	}



	#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: -9px;

	    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 + -3px );

	    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 + -3px );

	    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: 60%;

        top: -49px;

        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 + -3px );

	    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;

	}

}