body{
		  font-family: GothamMeddium, sans-serif;
		  margin: 0;
	}
	main{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		height: calc(100vh - 118px);
	}
	.fucsia{
		color:#BF315A;
	}
	.strong{
 		  font-family: GothamMeddium, sans-serif;
	}
	.extraStrong{
		 font-family: GothamBold, sans-serif;
	}
	.texto{
		text-align: center;
		font-size: 24px;
		width: 40%;
	}
	.nueva{
		font-size: 3em;
	}
	footer{
		text-align: center;
	}
	h2, h1 {
		margin: 0;
		width: 100%;
		font-family: GothamMeddium, sans-serif;
	}
	.izquierda{
		display: flex;
		width: 30%;
		margin-left: auto;
    	height: 100vh;
	}
	.derecha{
		display: flex;
		margin-right: auto;
		width: 30%;
	    height: 100vh;
	}
	.derecha img {
		margin-left: auto;
		height: 100%;
		    object-fit: cover;
    object-position: left;
	}
	.izquierda img {
		margin-right: auto;
		height: 100%;
		    object-fit: cover;
    object-position: right;
	}
	img {
		max-width: 100%;
	}
@font-face {
 font-family: GothamBook;
 src: url(fonts/CENTURY.ttf);
}
@font-face {
 font-family: GothamBold;
 src: url(fonts/GOTHICB.ttf);
}
@font-face {
 font-family: GothamMeddium;
 src: url(fonts/GOTHIC.ttf);
}
/*IPAD PRO*/
@media screen and (min-width: 1023px) and (max-height: 1367px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (orientation: portrait) {
  .derecha {

  }
   .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {

  }
  .izquierda img {
  	object-fit: cover
  }
  .texto{
  }
}
@media screen and (min-width: 1365px) and (max-height: 1367px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) and (orientation: landscape) {
  .derecha {

  }
   .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {

  }
  .izquierda img {
  	object-fit: cover;
  	object-position: right;
  }
  .texto{
  }
}
/*IPAD MINI*/
@media screen and (min-width: 768px) and (max-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
   .derecha {

  }
   .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {

  }
  .izquierda img {
  	object-fit: cover;
  	object-position: right;
  }

}
@media screen and (min-width: 768px) and (max-height: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.derecha {

  }
   .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {

  }
  .izquierda img {
  	object-fit: cover;
  	object-position: right;
  }.texto{
  }
}

/*IPHONE X, IPHONE 4, IPHONE 5/6/7, Pixel 2 y Pixel 2 XL*/
@media screen and (min-width: 300px) and (max-width: 550px) and (max-height: 850px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
   .derecha {
   	display: none;
  }
  main {
  	height: 100vh;
  }
  .izquierda {
  	width: 100%;
  	height: 100%;
  	position: fixed;
  	z-index: -1;
  }
  .izquierda img {
  	width: 100%;  	
  	    object-fit: cover;
  	    object-position: right;
  }
    .texto{
  	font-size: 14px;
  	    width: 80%;
  }
  footer {
  	    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 40px;
  }
  footer img {
  	max-width: 170px;  
  }
}
@media screen and (min-width: 300px) and (max-height: 850px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) and (min-resolution: 192dpi) {
 .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {

  }
  .izquierda img {
  	object-fit: cover;
  	object-position: right;
  }
 footer {
  	    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 20px;
  }
  footer img {
  	max-width: 170px;  
  }
   main {
  	height: 100vh;
  }
    .texto{
  	font-size:11px;
  }
}
/*NEXUS 10*/
@media screen and (min-width: 768px) and (max-height: 1280px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  
    main {
  	height: 100vh;
  }
    .derecha {
    	display: none;
    }
    .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {
  	width: 100%;
  	height: 100%;
  	position: fixed;
  	z-index: -1;
  }
  .izquierda img {
  	object-fit: cover;
  	object-position: right;
  }
  .texto{
  	font-size: 24px;
  }
  footer {
  	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 40px;
  }
  footer img {
  	max-width: 170px;  
  }

}
@media screen and (min-width: 768px) and (max-height: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .derecha {

  }
   .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {

  }
  .izquierda img {
  	object-fit: cover;
  	object-position: right;
  }
  .texto{
  }
}
/*GALAXY S5*/
@media only screen and (min-width: 320px) and (max-height: 640px) and (-webkit-min-device-pixel-ratio: 3) and (min-resolution: 192dpi) and (orientation: portrait) {
    main {
  	height: 100vh;
  }
    .derecha {
    	display: none;
    }
    .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {
  	width: 100%;
  	height: 100%;
  	position: fixed;
  	z-index: -1;
  }
  .izquierda img {
  	object-fit: cover;
  	object-position: right;
  }
  .texto{
  	font-size:16px;
  	    width: 80%;
  }
  footer {
  	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 40px;
  }
  footer img {
  	max-width: 170px;  
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) and (min-resolution: 72dpi) and (orientation: portrait) {
     main {
  	height: 100vh;
  }
    .derecha {
    	display: none;
    }
    .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {
  	width: 100%;
  	height: 100%;
  	position: fixed;
  	z-index: -1;
  }
  .izquierda img {
  	object-fit: cover;
  	object-position: right;
  }
    .texto{
  	font-size:16px;
  	    width: 80%;
  }
  footer {
  	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 40px;
  }
  footer img {
  	max-width: 170px;  
  }
}
@media only screen and (min-width: 320px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (min-resolution: 72dpi) and (orientation: landscape) {
   .derecha img {
  	object-fit: cover;
  	object-position: left;
  }
  .izquierda {

  }
  .izquierda img {
  	object-fit: cover;
  	object-position: right;
  }
 footer {
  	    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 20px;
  }
  footer img {
  	max-width: 170px;  
  }
   main {
  	height: 100vh;
  }
   .texto{
  	font-size: 16px;
  }
}