.texto-oculto{
			display: none;
		}
		*{
			font-family: 'Yanone Kaffeesatz', sans-serif;
			font-size: 20px;
		}

		.colores-botones{
			border-radius: 0px;
			width: 100%;
			border: 1px solid #00000008;
			min-height: 70px;
			width: 100%;	
			cursor: pointer;
			background: #9fa1a2;
			color: #fff;
		}

		.colores-botones:hover{
			background: #689149;
			color: #fff;
		}

		.contenedor-botones .col-md-6{
			padding-left: 5px;
			padding-right: 5px;
		}

		.container {
 		   max-width: 918px;
		}

		.imagen{
			width: 100%;
			height: 600px;
			max-width: 100%;
			max-height: 600px;
		}

		.imagen-recta{
			width: 100%;
			height: 500px;
			max-width: 100%;
			max-height: 500px;
		}

		.estilo-icono{
			background: #fff; 
			padding: 4px 8px; 
			color: #000; 
			font-size: 25px; 
			border-radius: 3px;
			text-align: center;
		}

		.jumbotron{
			margin-bottom: 0px;
			padding-bottom: 40px;
			background: #000; 
			color:#fff; 
			border-radius: 0px;
		}

		.fondo-imagen{
			width: 100%;
			height: 100%;
			background-image: url("foto_superior.jpg");
			background-position: center center;
		    background-repeat: no-repeat;
		    background-size: 100% 100%;
		}

		.fondo-imagen2{
			width: 100%;
			height: 100%;
			background-image: url("foto grandota.jpg");
			background-position: center center;
		    background-repeat: no-repeat;
		    background-size: 100% 100%;
		}

		.container-cabecera{
			width: 58%;
		}

		.container-cabecera .row .col-md-12, .container-cabecera .row .col-md-8{
			padding: 1px;
		}

		.imagen-logo-header{
			margin-top: 320px;
		} 

		.fa-share-alt{
			color: #fff;
			font-size: 50px;
		}

		.titulo-header{    
			color: #fff;
    		font-size: 98px;
    		line-height: 89.1px;
		}

		.titulo-header-secundario{
			color: #fff;
			margin-top: -30px;
			margin-left: 10px;
			font-size: 50px;	
		}

		.parrofo-header{
			background: rgba(0,0,0,0.60);
			color: #fff;
			text-align: justify;
		}

		.estilo-parrafo-cabecera{
			padding: 20px 0px !important;
			margin-left: 10px;
			line-height: 1.2;
			font-size: 38px;
		}

		.destacado{
			font-weight: bold;
			font-size: 32px;
		}

		.texto-archivo{
			padding-top: 10px; 
			font-size: 25px; 
			background: rgba(255,255,255,0.8);
			color: #000;
		}
		.rumble{
				height: 580px;
				width: 100%;
			}

		.container-propio{
			max-width: 450px;
			font-size: 25px; 
		}

		.texto-parrafo{
			line-height: 1.2;
		}

		.contenido2{
		    font-size: 53px;
		    line-height: 50px;
		    text-align: right;
		    max-width: 418px;
		    padding-bottom: 10px;
		    padding-left: 116px;
		}

		.contenedor{
	    	position: relative;
	    	display: inline-block;
	    	text-align: center;
		}
		 
		.texto-encima{
		    position: absolute;
		    top: 40px;
		    left: 33%;
		    right: 0px;
		}

		.texto-encima-cabecera{
			position: absolute;
		    top: 40px;
		    left: 0px;
		    right: 0px;
		}

		.container-texto-secundario{
			margin-top: 350px;
		}
		.ir-arriba {
			display:block;
			padding:20px;
			background:#024959;
			font-size:20px;
			color:#fff;
			cursor:pointer;
			position: fixed;
			bottom:20px;
			right:20px;
			z-index: 1000;
		}
		
		@media only screen and (max-width: 1500px) {

			.imagen-logo-header{
				margin-top: 200px;
			} 

			.container-cabecera{
				width: 100%;
			}	

			.contenido2{
				padding: 10px;
				font-size: 43px;
			}

			.container-texto-secundario{
				margin-top: 300px;
			}

			.texto-oculto{
				display: block;
			}

			.texto-visible{
				display: none;
			}
		}

		@media only screen and (max-width: 1333px) {
			.container-cabecera{
				width: 100%;
			}	

			.texto-archivo{
				padding-top: 0px;
				font-size: 19px;
			}

			.rumble{
				height: 620px;
				width: 100%;
			}

			.contenido2{
				padding: 10px;
				font-size: 43px;
			}
			.container-texto-secundario{
				margin-top: 20px;
			}
			
		}



		@media only screen and (max-width: 1200px) {
	
			.rumble{
				height: 524px;
				width: 100%;
			} 

			.texto-encima{
			    position: absolute;
			    top: 0px;
			    left: 0%;
			    right: 0px;
			}
			.titulo{
				font-size: 30px !important;
				max-width: 80% !important;
			}

			.imagen-logo-header{
				margin-top: 100px;
			} 

		}

		@media only screen and (max-width: 1000px) {
			.imagen-logo-header{
				margin-top: 80px;
			}

			.rumble{
				height: 389px;
				width: 100%;
			} 

			.imagen-recta{
				max-height: 250px;
			}

			.texto-archivo{
				padding-top: 10px !important;
			}
			
		}

		@media only screen and (max-width: 991px) {
			.container-propio{
				max-width: 100%;
				width: 100%;
			}
			.texto-encima{
			    position: absolute;
			    top: 0px;
			    left: 15%;
			    right: 15%;
			}
			.titulo{
				font-size: 26px !important;
				max-width: 100% !important;
			}

			.imagen-logo-header{
				margin-top: -30px;
			}
			
		}

		@media only screen and (max-width: 900px) {
			.iframe{
				height: 4970px;
			}
		}

		@media only screen and (max-width: 875px) {
			.iframe{
				height: 4810px;
			}
		}

		@media only screen and (max-width: 850px) {
			.iframe{
				height: 4660px;
			}
		}

		@media only screen and (max-width: 825px) {
			.iframe{
				height: 4520px;
			}
		}

		@media only screen and (max-width: 800px) {
			.iframe{
				height: 4380px;
			}
		}

		@media only screen and (max-width: 775px) {
			.iframe{
				height: 4250px;
			}
		}

		@media only screen and (max-width: 750px) {
			.iframe{
				height: 4110px;
			}
		}


		@media only screen and (max-width: 725px) {
			.iframe{
				height: 3960px;
			}
		}

		@media only screen and (max-width: 700px) {
			.iframe{
				height: 3820px;
			}
		}

		@media only screen and (max-width: 675px) {
			.iframe{
				height: 3680px;
			}
		}

		@media only screen and (max-width: 650px) {
			.iframe{
				height: 3540px;
			}
		}

		@media only screen and (max-width: 640px) {
			.iframe{
				height: 3490px;
			}
		}


		@media only screen and (max-width: 625px) {
			.iframe{
				height: 3400px;
			}
		}

		@media only screen and (max-width: 600px) {
			.iframe{
				height: 3260px;
			}
		}

		@media only screen and (max-width: 575px) {
			.iframe{
				height: 3120px;
			}
		}

		@media only screen and (max-width: 550px) {
			.iframe{
				height: 2980px;
			}
		}

		@media only screen and (max-width: 525px) {
			.iframe{
				height: 2860px;
			}
		}

		@media only screen and (max-width: 500px) {
			.iframe{
				height: 2680px;
			}
		}

		@media only screen and (max-width: 480px) {
			.iframe{
				height: 2580px;
			}
		}

		@media only screen and (max-width: 475px) {
			.iframe{
				height: 2540px;
			}
		}

		@media only screen and (max-width: 450px) {
			.iframe{
				height: 2400px;
			}
		}

		@media only screen and (max-width: 425px) {
			.iframe{
				height: 2260px;
			}
		}

		@media only screen and (max-width: 414px) {
			.iframe{
				height: 2200px;
			}
		}

		@media only screen and (max-width: 411px) {
			.iframe{
				height: 2180px;
			}
		}

		@media only screen and (max-width: 400px) {
			.iframe{
				height: 2120px;
			}
		}

		@media only screen and (max-width: 384px) {
			.iframe{
				height: 2025px;
			}
		}

		@media only screen and (max-width: 375px) {
			.iframe{
				height: 1980px;
			}
		}

		@media only screen and (max-width: 360px) {
			.iframe{
				height: 1890px;
			}
		}

		@media only screen and (max-width: 350px) {
			.iframe{
				height: 1840px;
			}
		}

		@media only screen and (max-width: 325px) {
			.iframe{
				height: 1700px;
			}
		}

		@media only screen and (max-width: 320px) {
			.iframe{
				height: 1660px;
			}
		}

		@media only screen and (max-width: 300px) {
			.iframe{
				height: 1560px;
			}
		}

		@media only screen and (max-width: 275px) {
			.iframe{
				height: 1400px;
			}
		}

		@media only screen and (max-width: 250px) {
			.iframe{
				height: 1260px;
			}
		}

		@media only screen and (max-width: 225px) {
			.iframe{
				height: 1120px;
			}
		}

		@media only screen and (max-width: 200px) {
			.iframe{
				height: 980px;
			}
		}

		@media only screen and (max-width: 767px) {
			.copyright{
				margin-top: 10px;
				margin-bottom: 10px;
				border-top: 1px solid #fff;
			}

			.container-texto-secundario{
				margin-bottom: 0px !important;	
			}

			.container{
				width: 100%;
			}
			.titulo-header {
				margin-left: 10px;
				margin-top: 10px;
				font-size: 74px;
    			line-height: 63.1px;
			}

			.boton-flotante{
				display: inline;
				top: -130px;
			}

			.titulo-header-secundario{
				margin-top: -60px;
				font-size: 20px;
			}
			.estilo-parrafo-cabecera{

				padding: 20px 10px !important;
			}

			.rumble{
				height: 287px;
				width: 100%;
			} 


			.imagen-recta{
				max-height: 250px;
			}
			
			.imagen-logo-header > img{
				width: 200px;
				height: 35px;
			} 

			.copyright, .page-footer-texto{
				font-size: 16px;
			}

			.fa-share-alt{
				font-size: 30px;
			}	
			
			.texto-encima{
			    position: absolute;
			    top: 0px;
			    left: 0%;
			    right: 15%;
			}

			.titulo{
				font-size: 20px !important;
				max-width: 100% !important;
			}


				
			.titulo2{
				border-bottom: 0px solid #000 !important;
			}

			.container-texto-secundario > .row{
				margin-top: -33px;

			}
			.colores-botones{
				min-height: 30px;
			}
		}

		@media only screen and (max-width: 600px) {
			.titulo-header {
				font-size: 50px;
    			line-height: 44.1px;
    			margin-top: -5px;
			}
			.contenido2{
				font-size: 31px;
				line-height: 30px;
			}

			.container-cabecera .row:nth-child(3){
				margin-top: -8px;
				margin-bottom: -37px;
			}
			
			.texto-encima{
			    position: absolute;
			    top: 0px;
			    left: 0%;
			    right: 15%;
			    border-bottom: 0px solid #000 !important;
			}

			.titulo{
				font-size: 16px !important;
				max-width: 100% !important;
			}

			.boton-flotante{			
				top: -89px !important;
			}

			.titulo-header-secundario{
				margin-top: -20px;
				font-size: 20px;
			}

			.page-footer-texto{
				font-size: 15px;
			}

		}

		@media only screen and (max-width: 500px) {
			.imagen-logo-header{
				margin-top: -35px;
			} 

			.rumble{
				height: 340px;
			}

			.image-logo-footer > img{
				max-width: 250px;
			}

			.rumble{
				height: 200px;
			}

			.imagen-recta{
				max-height: 130px;
			}	

			.boton-flotante{
				display: inline;
				top: -135px;
			}	

			.texto-encima{
			    position: absolute;
			    top: -10px;
			    left: 0%;
			    right: 0%;
			    border-bottom: 0px solid #000 !important;
			}

			.titulo{
				font-size: 12px !important;
				max-width: 100% !important;
			}

			
	
		}

		@media only screen and (max-width: 400px) {
		
			.boton-flotante{
				display: inline;
				top: -60px !important;
				z-index: 1000;
			}

			.titulo-header {
				font-size: 37px;
    			line-height: 32.1px;
				
			}

			.contenido2{
				font-size: 19px;
    			line-height: 17px;
			}

			.titulo-header-secundario{
				margin-top: -30px;
				font-size: 20px;
			}

			
		}