/* ====== IMPORTACIONES & DESPEJOS PARA EL NAVEGADOR */

@charset "UTF-8";

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 10, 2017 */

@font-face {
    font-family: 'Kamerik';
    src: url('../fonts/kamerik_205_w00_book_oblique-webfont.eot');
    src: url('../fonts/kamerik_205_w00_book_oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kamerik_205_w00_book_oblique-webfont.woff2') format('woff2'),
         url('../fonts/kamerik_205_w00_book_oblique-webfont.woff') format('woff'),
         url('../fonts/kamerik_205_w00_book_oblique-webfont.ttf') format('truetype'),
         url('../fonts/kamerik_205_w00_book_oblique-webfont.svg#kamerik205w00-bookobliqueRg') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Kamerik';
    src: url('../fonts/kamerik_205_w00_light_obl-webfont.eot');
    src: url('../fonts/kamerik_205_w00_light_obl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/kamerik_205_w00_light_obl-webfont.woff2') format('woff2'),
         url('../fonts/kamerik_205_w00_light_obl-webfont.woff') format('woff'),
         url('../fonts/kamerik_205_w00_light_obl-webfont.ttf') format('truetype'),
         url('../fonts/kamerik_205_w00_light_obl-webfont.svg#kamerik205w00-lightoblregular') format('svg');
    font-weight: 200;
    font-style: italic;

}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
    font-weight: 500;
    font-style: normal;
}

/* ====== TODAS LAS COSAS EN GENERAL */

/* Cosas */
* 							{ box-sizing: border-box; }
a 							{ text-decoration: none; }

/* El tamaño del cuerpo */
body 						{ min-width: 100%; width: 100vw; height: 100vh; min-height: 100%; position: relative; float: left; margin: 0; padding: 0; overflow: hidden; }

/*  The Text */
h1, h2, h3, h4, h5, h6, .title 				{ font-family: 'Kamerik', Helvetica Neue, -apple-system, Helvetica, Arial, sans-serif; font-weight: 300; font-style: italic; }
p, span, label, input, textarea, a 			{ font-family: 'Source Sans Pro', Helvetica Neue, -apple-system, Helvetica, Arial, sans-serif; font-weight: 500; }
.power-title, .otherTitle 					{ font-family: 'Kamerik', Helvetica Neue, -apple-system, Helvetica, Arial, sans-serif; font-weight: 200; font-style: italic; }

/* Formas de posicionar */
.space, .lft 	{ float: left; }
.space, .rlt 	{ position: relative; }
.abs, .fxd,
.hcntr, .vcntr	{ margin: auto; }
.abs 			{ position: absolute; }
.fxd 			{ position: fixed; }
.rght 			{ float: right; }
.hcntr 			{ left: 0; right: 0; }
.vcntr 			{ top: 0; bottom: 0; }

/* overflows */
.no-leak {
	overflow: hidden;
}

/* Tamaños Dispositivos Pequeños */
/* Horizontal */
.space.i 		{ width: 6.25%; }
.space.ii 		{ width: 12.5%; }
.space.iii 		{ width: 18.75%; }
.space.iv 		{ width: 25%; }
.space.v 		{ width: 31.25%; }
.space.vi 		{ width: 37.5%; }
.space.vii 		{ width: 43.75%; }
.space.viii 	{ width: 50%; }
.space.ix 		{ width: 56.25%; }
.space.x 		{ width: 62.5%; }
.space.xi 		{ width: 68.75%; }
.space.xii 		{ width: 75%; }
.space.xiii 	{ width: 81.25%; }
.space.xiv 		{ width: 87.5%; }
.space.xv 		{ width: 93.75%; }
.space.xvi 		{ width: 100%; }

/* Vertical */
.space.ih 		{ height: 6.25%; }
.space.iih 		{ height: 12.5%; }
.space.iiih 	{ height: 18.75%; }
.space.ivh 		{ height: 25%; }
.space.vh 		{ height: 31.25%; }
.space.vih 		{ height: 37.5%; }
.space.viih 	{ height: 43.75%; }
.space.viiih 	{ height: 50%; }
.space.ixh 		{ height: 56.25%; }
.space.xh 		{ height: 62.5%; }
.space.xih 		{ height: 68.75%; }
.space.xiih		{ height: 75%; }
.space.xiiih 	{ height: 81.25%; }
.space.xivh		{ height: 87.5%; }
.space.xvh 		{ height: 93.75%; }
.space.xvih		{ height: 100%; }

/* === The text */

/* === Positioning */
.txtcntr 		{ text-align: center; }
.txtlft 			{ text-align: left; }
.txtrght 		{ text-align: right; }

/* === Sizes */
.power-title 	{ font-size: 20px; }
.title 			{ font-size: 16px; line-height: 2;}
.text 			{ font-size: 11px; line-height: 1.5; }
.otherTitle 		{ font-size: 12px; line-height: 1; }

/* Colors */
.white 				{ background-color: #fff; }
.alfaWhite 			{ background-color: rgba(255, 255, 255, .80); }

/* Black */
.black 				{ background-color: rgba(0, 0, 0, 1); }
.service-black 		{ background-color: rgba(0, 0, 0, .56); }
.service-blackTwo 	{ background-color: rgba(0, 0, 0, .32); }

/* Green */
.green 				{ background-color: rgba(146, 200, 62, 1); }
.service-green 		{ background-color: rgba(146, 200, 62, .56); }
.service-greenTwo 	{ background-color: rgba(146, 200, 62, .32); }

/* Yellow */
.yellow 				{ background-color: rgba(255, 230, 0, 1); }
.service-yellow 		{ background-color: rgba(255, 230, 0, .56); }
.service-yellowTwo 	{ background-color: rgba(255, 230, 0, .32); }

/* Purple */
.purple 				{ background-color: rgba(142, 31, 255, 1); }
.service-purple 		{ background-color: rgba(142, 31, 255, .56); }
.service-purpleTwo 	{ background-color: rgba(142, 31, 255, .32); }

/* Blue */
.blue 				{ background-color: rgba(42, 217, 196, 1); }
.service-blue 		{ background-color: rgba(42, 217, 196, .56); }
.service-blueTwo 	{ background-color: rgba(42, 217, 196, .32); }

/* Text colors */
.white-text 		{ color: rgba(255, 255, 255, 1); }
.black-text	 		{ color: rgba(0, 0, 0, 1); }

/* --- Los fondos */
.img, .bckgrnd {
	background-repeat: no-repeat;
	background-position: center;
}

.img {
	background-size: contain;
}

.bckgrnd {
	background-size: cover;
}

/* Animaciones */
a,
span,
a span {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

/* Effects */
.lineBelow:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	
	border-radius: 1rem;
	
	width: 64%;
	height: .25rem;
}

/* ====================================== 
	Put all custom styles here * Starts *
   ====================================== */

/* ================= 
	GENERAL *Starts*
   ================= */

/* Scroll Screen */
.allStuff {
	overflow-x: hidden;
	overflow-y: scroll;
}

/* Power Button */
.power-button 			{ bottom: 16%; }

.power-alpha-one 		{ }
.power-alpha-two 		{ }

.power-alpha-one,
.power-alpha-two,
.power-back 			{ opacity: 0.72; transform: skew(-12deg); }

.power-touch .ki-text 	{
	font-family: 'Kamerik', Helvetica Neue, -apple-system, Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.05rem;
	line-height: 2;
}

/* Hover mode */
.power-button:hover,
.power-button:hover .power-alpha-one,
.power-button:hover .power-alpha-two,
.power-button:hover .power-back {
	opacity: 1;
}

/* ===============
	GENERAL *Ends*
   =============== */

/* ============== 
	HOME *Starts*
   ============== */

/* =======================
	First Section *Starts*/

/*  First Section *Ends
   =======================*/

/* =======================
	Second Section *Starts*/

.nutrition .service-yellowTwo,
.nutrition .service-yellow,
.nutrition .yellow,
.training .service-blueTwo,
.training .service-blue,
.training .blue,
.motivation .service-greenTwo,
.motivation .service-green,
.motivation .green,
.relaxation .service-purpleTwo,
.relaxation .service-purple,
.relaxation .purple {
	bottom: 0;
}

.text-inside {
	line-height: 1;
}

.text-inside span.text {
	line-height: .8;
	opacity: 0;
}

.leftRightPadd {
	padding-left: 1.6rem;
	padding-right: 1.6rem;
}

/* General Services*/
.aService {
	bottom: 0;
}

/* Hover */
.aService:hover .one {
	height: 31.25%;
}

.aService:hover .two {
	height: 37.5%;
}

.aService:hover .three {
	height: 43.75%;
}

.aService:hover .text.supportText {
	opacity: 1;
}

.nutrition:hover .text-inside .txtlft.title.white-text {
	color: rgba(0, 0, 0, 1);
}

.nutrition:hover .text-inside .text.supportText.white-text.onlyDesk {
	color: rgba(0, 0, 0, 1);
}
/*  Second Section *Ends
   =======================*/

/* =======================
	Third Section *Starts*/

.alzatiPlans {
	bottom: 0;
}

.aPlan {
	padding: 0 1.6rem;
}

.iconBox {
	padding: .8rem;
}

.icon {
	padding: 18%;
}

.multicolor {
	transform: rotate(45deg);
}

.multicolor, .icon {
	width: 16vw;
	height: 16vw;
}

.shape.sThree {
	width: 100%;
	height: 100%;
}

.shape.sTwo {
	width: 75%;
	height: 75%;
}

.shape.sOne {
	width: 50%;
	height: 50%;
}

.circle {
	border-radius: 50%;
}

.aPlan.coach .title.onlyDesk:after  {
	background-color: rgba(42, 217, 196, 1);
}

/*  Third Section *Ends
   =======================*/

/* ============ 
	HOME *Ends*
   ============ */





/* ===============
	ABOUT *Starts*
   =============== */

/* =======================
	Second Section *Starts*/

.quoteSheet {
	padding: 10.4% 7.2% 0 7.2%;
}

.quoteSheet .title {
	margin-bottom: 0;
	line-height: 1.5;
}

.quoteSheet .power-title {
	margin-top: 4%;
}

/*  Second Section *Ends
   =======================*/


/* =======================
	Third Section *Starts*/

.about-text {
	left: 0;
	right: 0;
	top: 0;
	padding: 12% 4% 0 4%;
}

.about-butt {
	bottom: 6.4%;
}

.fernanda {
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.24);
	
	-webkit-transform: skewY(-8deg) scale(1.4);
	-moz-transform: skewY(-8deg) scale(1.4);
	-ms-transform: skewY(-8deg) scale(1.4));
	-o-transform: skewY(-8deg) scale(1.4);
	transform: skewY(-8deg) scale(1.4);
	
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	-ms-transform-origin: center top;
	-o-transform-origin: center top;
	transform-origin: center top;
}

/*  Third Section *Ends
   =======================*/
/* =============
	ABOUT *Ends*
   ============= */

/* ===============
	PLANS *Starts*
   =============== */
/* =======================
	First Section *Starts*/

.plans 						{ top: 12%; }
.packs 						{ bottom: 0; }
.pack 						{ border-radius: .325rem; }
.redux 						{ margin-bottom: 6.4%; }

.redux .lineBelow:after 		{ background-color: rgba(142, 31, 255, 1); }
.fitness .lineBelow:after	{ background-color: rgba(255, 230, 0, 1); }

.titleTouch					{ padding: 2.4% 0 0 0; }
.bitTopPadd 				{ padding: 4% 0 0 0; }
.bitOfPadd 					{ padding: 4%; }

.focusTitle { line-height: 1; text-align: center; padding: 4% 0 0 0 ; }

.yellowTitle, .closeFocus { float: right; }

.bgskew {

}

.closeFocus:after,
.closeFocus:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	
	background-color: rgba(255, 230, 0, 1);
	
	border-radius: 1rem;
	
	transform: rotate(-45deg);
}

.closeFocus:after {
	width: .5vh;
	height: 4vh;
}

.closeFocus:before {
	width: 4vh;
	height: .5vh;
}

/* Modals */

.info {
	padding: 4.8% 4.8% 6.4% 4.8%;
	overflow: scroll;
}

.beginDevice {
	bottom: 0;
}

/*  First Section *Ends
   =======================*/
/* =============
	PLANS *Ends*
   ============= */


/* ======================
   Fixing trouble *Starts
   ============== */

.theLogotype {
	top: 6.25%;
	padding: 1.6%;
}

.fakeLogo {
	-webkit-transform: skew(-16deg) scale(1.1);
	-moz-transform: skew(-16deg) scale(1.1);
	-ms-transform: skew(-16deg) scale(1.1);
	-o-transform: skew(-16deg) scale(1.1);
	transform: skew(-16deg) scale(1.1);
	
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-ms-transform-origin: right center;
	-o-transform-origin: right center;
	transform-origin: right center;
}

/* Phone menu */

/* Button */
.fakeDevMenu {
	-webkit-transform: skew(16deg) scale(1.1);
	-moz-transform: skew(16deg) scale(1.1);
	-ms-transform: skew(16deg) scale(1.1);
	-o-transform: skew(16deg) scale(1.1);
	transform: skew(16deg) scale(1.1);
	
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.devMenu {
	bottom: 6.25%;
	right: 0;
	margin: auto;
	padding:2% 1.6%;
}

.closeDev {
	right: 0;
	top: 0;
	margin: auto;
	z-index: 999999999;
}

.moreLine {
	line-height: 3.2;
}

.burger-logo {
	background-image: url('../img/menu-icon-one.svg');
}

.yellow-text {
	color: rgba(255, 230, 0, 1);
}

.contBox {
	padding: 4.6%;
}

.mailBox {
	padding: 5.6%;
}

/* ==============
   Fixing trouble *Ends
   ====================== */

/* To WordPress *Starts* */

.yourPlan {
	border-bottom: 4px solid rgba(255, 230, 0, 1) !important;
}

.modalTitle {
	padding: 0 2.4% 0 2.4%;
}

.questStand {
	padding: 4% 6.4%;
}

.inputBox {
	margin-bottom: 4%;
}

.changelingTitle {
	line-height: 1;
}

.changelingTitle br {
	display: none;
}

.theInput {
	background-color: rgba(255, 255, 255, 0);
	border: 0;
	border-bottom: 4px solid rgba(255, 230, 0, 1);
}

.oneThird {
	height: 12%;
}

#sendItAll {
	color: #fff;
	line-height: 3;
}

#completedTwo {
	position: absolute;
	bottom: 30%;
	left: 0;
	right: 0;
	margin: auto;
}

#questOneNext {
	color: #fff;
}

/* To WordPress *Ends* */

/* ==================================== 
	Put all custom styles here * Ends *
   ==================================== */


/* === Images */
/* icons, SVG */
.alzati-logo				{ background-image: url('../img/alzati-logo.svg'); }
.banana					{ background-image: url('../img/banana.svg'); }
.dumbbell				{ background-image: url('../img/dumbbell.svg'); }
.coaching				{ background-image: url('../img/coaching.svg'); }
.phone					{ background-image: url('../img/phone.svg'); }
.mail					{ background-image: url('../img/mail.svg'); }

/* Backs */
/* First Room */
.welcome 				{ background-image: url('../img/video-back-device.jpg'); }

/* Second Room */
.nutrition 				{ background-image: url('../img/nutrition-gs-device.jpg'); }
.training 				{ background-image: url('../img/training-gs-device.jpg'); }
.motivation 			{ background-image: url('../img/motivation-gs-device.jpg'); }
.relaxation 				{ background-image: url('../img/relaxation-gs-device.jpg'); }

/* Second Room Hovers */
/*.nutrition 				{ background-image: url('../img/nutrition-gs-device.jpg'); }
.training 				{ background-image: url('../img/training-gs-device.jpg'); }
.motivation 			{ background-image: url('../img/motivation-gs-device.jpg'); }
.relaxation 				{ background-image: url('../img/relaxation-gs-device.jpg'); }*/

/* Third Room */
.streching 				{ background-image: url('../img/streching-device.jpg'); }

/* Fourth Room */
.test	 				{ background-image: url('../img/test-device.jpg'); }

/* === Estilos responsivos */
.onlyPhone { display: block; }
.onlyDesk { display: none; }

.onlyDesk.important { display: none !important; }

@media screen and (min-width: 319px) {
	
	/* === Tamaños en general*/
	/* Letras */
	.power-title 	{ font-size: 22px; }
	.title 			{ font-size: 14px; }
	.text 			{ font-size: 11px; line-height: 1.5; }
	.otherTitle 		{ font-size: 14px; }
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
}

@media screen and (min-width: 374px) {
	
	/* === Tamaños en general*/
	/* Letras */
	.power-title 	{ font-size: 36px; }
	.title 			{ font-size: 16px; }
	.text 			{ font-size: 13px; }
	.otherTitle 		{ font-size: 16px; }
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
}

@media screen and (min-width: 413px) {
	
	/* === Tamaños en general*/
	/* Letras */
	.power-title 	{ font-size: 40px; }
	.title 			{ font-size: 18px; }
	.text 			{ font-size: 14px; }
	.otherTitle 		{ font-size: 18px; }
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
}

@media screen and (min-width: 767px) {
	/* Tamaños Dispositivos Grandotes */
	/* Horizontal */
	.space.i-tab 	{ width: 6.25%; }
	.space.ii-tab	{ width: 12.5%; }
	.space.iii-tab 	{ width: 18.75%; }
	.space.iv-tab	{ width: 25%; }
	.space.v-tab 	{ width: 31.25%; }
	.space.vi-tab 	{ width: 37.5%; }
	.space.vii-tab 	{ width: 43.75%; }
	.space.viii-tab { width: 50%; }
	.space.ix-tab 	{ width: 56.25%; }
	.space.x-tab 	{ width: 62.5%; }
	.space.xi-tab 	{ width: 68.75%; }
	.space.xii-tab 	{ width: 75%; }
	.space.xiii-tab { width: 81.25%; }
	.space.xiv-tab 	{ width: 87.5%; }
	.space.xv-tab 	{ width: 93.75%; }
	.space.xvi-tab 	{ width: 100%; }
	
	/* Vertical */
	.space.ih-tab 	{ height: 6.25%; }
	.space.iih-tab 	{ height: 12.5%; }
	.space.iiih-tab { height: 18.75%; }
	.space.ivh-tab 	{ height: 25%; }
	.space.vh-tab 	{ height: 31.25%; }
	.space.vih-tab 	{ height: 37.5%; }
	.space.viih-tab { height: 43.75%; }
	.space.viiih-tab{ height: 50%; }
	.space.ixh-tab 	{ height: 56.25%; }
	.space.xh-tab 	{ height: 62.5%; }
	.space.xih-tab 	{ height: 68.75%; }
	.space.xiih-tab	{ height: 75%; }
	.space.xiiih-tab{ height: 81.25%; }
	.space.xivh-tab	{ height: 87.5%; }
	.space.xvh-tab 	{ height: 93.75%; }
	.space.xvih-tab	{ height: 100%; }
	
	/* ============= CONTENIDO */
	/* === El texto */
	.power-title 	{ font-size: 56px; }
	.title 			{ font-size: 28px;}
	.text 			{ font-size: 22px; }
	.otherTitle 		{ font-size: 28px; }
	
	/* Effects */
	.lineBelow:after { width: 56%; height: .5rem; }
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	
	/* =======================
		Third Section *Starts*/
	
	.aPlan {
		padding: 0 4rem;
		margin-left: 2rem;
	}
	
	/*  Third Section *Ends
	   =======================*/
	
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	/* ===============
		PLANS *Starts*
	   =============== */
	/* =======================
		First Section *Starts*/
	
	.titleTouch				{ padding: 1.6% 0 0 0; }
	.bitTopPadd 			{ padding: 5.6% 0 0 0; }
	
	/*  First Section *Ends
	   =======================*/
	/* =============
		PLANS *Ends*
	   ============= */
	
	.changelingTitle {
		line-height: 1;
	}
	
	.changelingTitle br {
		display: block;
	}
	
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
}

@media screen and (min-width: 1023px) {
	/* Tamaños Dispositivos Grandotes */
	/* Horizontal */
	.space.i-land 		{ width: 6.25%; }
	.space.ii-land		{ width: 12.5%; }
	.space.iii-land 		{ width: 18.75%; }
	.space.iv-land		{ width: 25%; }
	.space.v-land 		{ width: 31.25%; }
	.space.vi-land 		{ width: 37.5%; }
	.space.vii-land 		{ width: 43.75%; }
	.space.viii-land		{ width: 50%; }
	.space.ix-land 		{ width: 56.25%; }
	.space.x-land 		{ width: 62.5%; }
	.space.xi-land 		{ width: 68.75%; }
	.space.xii-land 		{ width: 75%; }
	.space.xiii-land		{ width: 81.25%; }
	.space.xiv-land 		{ width: 87.5%; }
	.space.xv-land 		{ width: 93.75%; }
	.space.xvi-land 		{ width: 100%; }
	
	/* Vertical */
	.space.ih-land 		{ height: 6.25%; }
	.space.iih-land 		{ height: 12.5%; }
	.space.iiih-land 	{ height: 18.75%; }
	.space.ivh-land 		{ height: 25%; }
	.space.vh-land 		{ height: 31.25%; }
	.space.vih-land 		{ height: 37.5%; }
	.space.viih-land 	{ height: 43.75%; }
	.space.viiih-land	{ height: 50%; }
	.space.ixh-land 		{ height: 56.25%; }
	.space.xh-land 		{ height: 62.5%; }
	.space.xih-land 		{ height: 68.75%; }
	.space.xiih-land		{ height: 75%; }
	.space.xiiih-land	{ height: 81.25%; }
	.space.xivh-land		{ height: 87.5%; }
	.space.xvh-land 		{ height: 93.75%; }
	.space.xvih-land		{ height: 100%; }
	
	/* Horizontal */
	.space.i-half-land 		{ width: 3.125%; }
	
	/* Horizontal half Number */
	.space.i-half-desk 		{ width: 3.25%; }
	.space.ih-half-desk 		{ height: 3.25%; }
	
	
	/* Special sizes */
	.oneFive 				{ width: 20%; }
	
	/* Text */
	/*.power-title {
		font-size: 62px;
	}*/
	
	.title {
		font-size: 22px;
	}
	
	.text {
		font-size: 14px;
	}
	
	.menu-text {
		font-size: 8px;
	}
	
	/* Stuff */
	.noLineH 			{ line-height: .8; margin-bottom: 2.4%; }
	
	/* Effects */
	.lineBelow:after 	{ width: 90%; height: .40rem; }
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	.video {
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4);
		
		-webkit-transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		-o-transform-origin: center;
		transform-origin: center;
	}
	
	/*  ======================
		Second Section *Starts*/
	
	.nutrition .service-yellowTwo,
	.nutrition .service-yellow,
	.nutrition .yellow,
	.training .service-blueTwo,
	.training .service-blue,
	.training .blue,
	.motivation .service-greenTwo,
	.motivation .service-green,
	.motivation .green,
	.relaxation .service-purpleTwo,
	.relaxation .service-purple,
	.relaxation .purple {
		bottom: 0;
	}
	
	.text-inside {
		line-height: 1.5;
	}
	
	.text-inside span.text {
		line-height: 1.2;
	}
	
	.aService .service-yellowTwo.three,
	.aService .service-greenTwo.three,
	.aService .service-purpleTwo.three,
	.aService .service-blueTwo.three {
		background-color: rgba(0, 0, 0, .32);
	}
	
	.aService .service-yellow.two,
	.aService .service-green.two,
	.aService .service-purple.two,
	.aService .service-blue.two {
		background-color: rgba(0, 0, 0, .56);
	}
	
	.aService .yellow.one,
	.aService .green.one,
	.aService .purple.one,
	.aService .blue.one {
		background-color: rgba(0, 0, 0, .56);
	}
	
	/* Hover */
	
	/* Nutrition */
	.aService:hover .service-yellowTwo.three {
		background-color: rgba(255, 230, 0, .32);
	}
	
	.aService:hover .service-yellow.two {
		background-color: rgba(255, 230, 0, .56);
	}
	
	.aService:hover .yellow.one {
		background-color: rgba(255, 230, 0, 1);
	}
	
	/* Training */
	.aService:hover .service-blueTwo.three {
		background-color: rgba(42, 217, 196, .32);
	}
	
	.aService:hover .service-blue.two {
		background-color: rgba(42, 217, 196, .56);
	}
	
	.aService:hover .blue.one {
		background-color: rgba(42, 217, 196, 1);
	}
	
	/* Motivation */
	.aService:hover .service-greenTwo.three {
		background-color: rgba(146, 200, 62, .32);
	}
	
	.aService:hover .service-green.two {
		background-color: rgba(146, 200, 62, .56);
	}
	
	.aService:hover .green.one {
		background-color: rgba(146, 200, 62, 1);
	}
	
	/* Relaxation */
	.aService:hover .service-purpleTwo.three {
		background-color: rgba(142, 31, 255, .32);
	}
	
	.aService:hover .service-purple.two {
		background-color: rgba(142, 31, 255, .56);
	}
	
	.aService:hover .purple.one {
		background-color: rgba(142, 31, 255, .56);
	}
	
	/* Purple */
	.purple 				{ background-color: rgba(142, 31, 255, 1); }
	.service-purple 		{ background-color: rgba(142, 31, 255, .56); }
	.service-purpleTwo 	{ background-color: rgba(142, 31, 255, .32); }
	
	/*  Second Section *Ends
	   =====================*/
	
	/* =======================
		Third Section *Starts*/
	
	.alzatiMember {
		top: 0;
	}
	
	.aPlan {
		padding: 0 0;
		margin-left: 0;
	}
	
	.aPlan .title.onlyDesk {
		text-align: center;
		line-height: 1;
	}
	
	.aPlan .title.onlyDesk:after {
		content: '';
		width: 82%;
		height: 6px;
		border-radius: 3rem;
		background-color: rgba(0, 0, 0, .75);
		position: absolute;
		bottom: 4%;
	}
	
	.aPlan.nutritive .title.onlyDesk:after 		{ background-color: rgba(255, 230, 0, 1); }
	
	.aPlan.rutine .title.onlyDesk:after 		{ background-color: rgba(146, 200, 62, 1); }
	
	.aPlan .title.onlyDesk:after,
	.multicolor, .icon {
		left: 0;
		right: 0;
		margin: auto;
	}
	
	.multicolor, .icon {
		width: 10vw;
		height: 10vw;
		top: 0;
		bottom: 0;
	}
	
	
	/*  Third Section *Ends
	   =======================*/
	
	/* =======================
		Contact Section *Starts*/
	
	.contact-back {
		background-color: rgba(0, 0, 0, .16);
	}
	
	.contactInfo {
		padding: 8% 4% 4% 8% ;
	}
	
	.contactForm {
		padding: 8% 2.4% 4% 4% ;
	}
	
	.aPlan.rutine.email .title.onlyDesk:after {
		width: 64%;
	}
	
	.inputBox {
		padding: 2.4% 4%;
	}
	
	.inputBox:after {
		content: '';
		
		position: absolute;
		
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		
		width: 84%;
		height: 6px;
		
		border-radius: 3rem;
		
		background-color: rgba(142, 31, 255, 1);
	}
	
	.inputBox.messageBox:after {
		width: 94%;
	}
	
	.inputBox.submitBox:after {
		width: 40%;
		
		left: initial;
		right: 10%;
	}
	
	.theInput {
		border: 0;
		background-color: rgba(255, 255, 255, 0);
	}
	
	.aPlan.rutine.telephone .title.onlyDesk:after {
		width: 37%;
		background-color: rgba(42, 217, 196, 1);
	}
	
	.aPlan.rutine.mail .title.onlyDesk:after {
		width: 37%;
		background-color: rgba(42, 217, 196, 1);
	}
	
	.icon {
		padding: 12%;
	}
	
	/*  Contact Section *Ends
	   =======================*/
	
	/* ============ 
		HOME *Ends*
	   ============ */
	
	
	
	/* ===============
		ABOUT *Starts*
	   =============== */
	   
	/* ===============
		PLANS *Starts*
	   =============== */
	/* =======================
		First Section *Starts*/
	
	.plans 		{ top: 6.4%; }
	.packs 		{ bottom: 4%; }
	.pack 		{ border-radius: .4rem; }
	.titleTouch { border-radius: .4rem .4rem 0 0 ;}
	
	.fitness 	{ float: right; }
	.startPlan 	{ position: absolute; bottom: 0; }
	
	.titleTouch				{ padding: 9.6% 0 0 0; }
	.bitTopPadd 			{ padding: 5.6% 0 0 0; }
	
	.focusTitle 	{ 
		padding: 2.4% 0 0 6.4%;
		text-align: left;
	}
	
	.closeFocus {
		background-color: rgba(0, 0, 0, 1);
	}
	
	.bgskew 	{ 
		-webkit-transform: skew(-16deg);
		-moz-transform: skew(-16deg);
		-ms-transform: skew(-16deg);
		-o-transform: skew(-16deg);
		transform: skew(-16deg); 
		
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		-o-transform-origin: left bottom;
		transform-origin: left bottom;
	}
	
	.bitOfPadd 			{ padding: 2.4%; }
	
	/*  First Section *Ends
	   =======================*/
	/* =============
		PLANS *Ends*
	   ============= */
	
	/* =======================
		Second Section *Starts*/
	
	.quoteSheet {
		padding: 6.4% 0 0 0;
	}
	
	.quoteSheet .power-title {
		margin-top: 0;
	}
	
	/*  Second Section *Ends
	   =======================*/
	
	
	/* =======================
		Third Section *Starts*/
	
	.about-text {
		left: initial;
		bottom: 0;
		padding: 2.4% 12% 0 2.4%;
	}
	
	.about-butt {
		bottom: 6.4%;
	}
	
	.fernanda {
		left: 0;
		right: initial;
		bottom: initial;
		background-color: rgba(0, 0, 0, 0.24);
		
		-webkit-transform: skewY(0) skew(-18deg) scale(1.3);
		-moz-transform: skewY(0) skew(-18deg) scale(1.3);
		-ms-transform: skewY(0) skew(-18deg) scale(1.3);
		-o-transform: skewY(0) skew(-18deg) scale(1.3);
		transform: skewY(0) skew(-18deg) scale(1.3);
	}
	
	/*  Third Section *Ends
	   =======================*/
	
	.aPlan.rutine.email .title.onlyDesk:after {
		background-color: rgba(42, 217, 196, 1);
	}
	
	/* =============
		ABOUT *Ends*
	   ============= */
	
	/* =============
		ASK MODAL *Starts*
	   ============= */
	
	/* All Quests */
	/* SFX for this */
	.questStand {
		padding: 4%;
		
		animation: quests .56s ease-in-out 0s 1 alternate;
	}
	
	@keyframes quests {
	
		0% {
			opacity: 0;
			-webkit-transform: translate(160%);
			-moz-transform: translate(160%);
			-ms-transform: translate(160%);
			-o-transform: translate(160%);
			transform: translate(160%);
		}
		
		50% {
			opacity: 0;
		}
		
		100% {
			opacity: 1;
			-webkit-transform: translate(0);
			-moz-transform: translate(0);
			-ms-transform: translate(0);
			-o-transform: translate(0);
			transform: translate(0);
		}
	
	}
	
	@-moz-keyframes quests {
		
		0% {
			opacity: 0;
			-webkit-transform: translate(160%);
			-moz-transform: translate(160%);
			-ms-transform: translate(160%);
			-o-transform: translate(160%);
			transform: translate(160%);
		}
		
		50% {
			opacity: 0;
		}
		
		100% {
			opacity: 1;
			-webkit-transform: translate(0);
			-moz-transform: translate(0);
			-ms-transform: translate(0);
			-o-transform: translate(0);
			transform: translate(0);
		}
	}
	
	
	.backBended {
		-webkit-transform: skew(-24deg) scale(1.1);
		-moz-transform: skew(-24deg) scale(1.1);
		-ms-transform: skew(-24deg) scale(1.1);
		-o-transform: skew(-24deg) scale(1.1);
		transform: skew(-24deg) scale(1.1);
		
		-webkit-transform-origin: right center;
		-moz-transform-origin: right center;
		-ms-transform-origin: right center;
		-o-transform-origin: right center;
		transform-origin: right center;
	}
	
	input:focus,
	textarea:focus,
	keygen:focus,
	select:focus 		{ outline-color: rgba(0, 0, 0, 0); outline-style: none; outline-width: 0; } /* Send it to the beggining*/
	
	.headingBox 		{ overflow: hidden; } /* Send it to the beggining*/
	
	.modalTitle 			{ padding: 1rem 0 0 1rem; }
	
	.changelingTitle 	{ margin-top: 0; margin-bottom: 0; line-height: 1; }
	
	.inputQuest:after 	{ background-color: rgba(255, 230, 0, 1); }
	
	.inputQuest .text.theInput {
		font-family: 'Kamerik', Helvetica Neue, -apple-system, Helvetica, Arial, sans-serif;
		font-weight: 300;
		font-style: italic;
	}
	
	/* Next Button */
	.inputQuest.inputNext:after { bottom: 0; width: 0; height: 0; border-radius: 0; }
	.inputQuest.inputNext:before { 
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 16%; 
		width: 60%;
		height: 64%;
		background-color: rgba(255, 230, 0, 1);	
		border-radius: 0;
		
		-webkit-transform: skew(-24deg);
		-moz-transform: skew(-24deg);
		-ms-transform: skew(-24deg);
		-o-transform: skew(-24deg);
		transform: skew(-24deg);
		
		-webkit-transform-origin: center;
		-moz-transform-origin: center;
		-ms-transform-origin: center;
		-o-transform-origin: center;
		transform-origin: center;
	}
	
	.options {
		margin-right: 4%;
		padding-bottom: 10px;
		line-height: 2.4;
		border-bottom: 4px solid rgba(255, 230, 0, 0);
	}
	
	.activist,
	.options:hover {
		border-bottom: 4px solid rgba(255, 230, 0, 1);
	}
	
	/* Quest One */
	#questOne { padding: 3.2% 3.2% 3.2% 12%; }
	#questOne .inputQuest { padding-left: 0; padding-right: 20%; }
	#questOne .inputQuest:after { bottom: 16%; width: 60%; right: initial; }
	
	
	/* Numbers */
	
	.numbersLine 		{ 
		width: 300%;
		left: 40%;
		
		-webkit-transition: all .4s ease-in-out 0s;
		-moz-transition: all .4s ease-in-out 0s;
		-ms-transition: all .4s ease-in-out 0s;
		-o-transition: all .4s ease-in-out 0s;
		transition: all .4s ease-in-out 0s;
	}
	
	.aNumber 			{ line-height: 1.5; width: 6.6666666667%; }
	.aNumber.elevated 	{ line-height: 1; }
	.aNumber.elevated:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 32%;
		height: 4px;
		border-radius: 5rem;
		background-color: rgba(255, 230, 0, 1);
	}
	
	.extraPadd {
		padding-left: 8%;
	}
	
	/* =============
		ASK MODAL *Ends*
	   ============= */
	
	
	/* ============ 
		MENU *Starts*
	   ============ */
	
	.oneSeven {
		width: 14.2857142857%;
	}
	
	.menuDesk {
		top: 0;
		right: 0;
		padding-top: 1rem;
		
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		
		-webkit-transform-origin: right bottom;
		-moz-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		-o-transform-origin: right bottom;
		transform-origin: right bottom;
	}
	
	.fakeMenu {
		-webkit-transform: scale(1.12) skew(-16deg);
		-moz-transform: scale(1.12) skew(-16deg);
		-ms-transform: scale(1.12) skew(-16deg);
		-o-transform: scale(1.12) skew(-16deg);
		transform: scale(1.12) skew(-16deg);
		
		-webkit-transform-origin: right bottom;
		-moz-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		-o-transform-origin: right bottom;
		transform-origin: right bottom;
		
		padding: 0;
	}
	
	.fakeLogo {
		transform: skew(-16deg) scaleX(1.1);
		transform-origin: right;
	}
	
	.theLogotype {
		top: 0;
		padding: 1.6%;
	}
	
	/* ============ 
		MENU *Ends*
	   ============ */
	
	/* To WordPress *Starts* */
	
	.theInput {
		border-bottom: 0;
	}
	
	.oneThird {
		height: initial;
	}
	
	#sendItAll {
		color: inherit;
		line-height: inherit;
	}
	
	.inputBox {
		margin-bottom: inherit;
	}
	
	#completedTwo {
		position: inherit;
		bottom: initial;
		left: initial;
		right: initial;
		margin: inherit;
	}
	
	.inputQuest br {
		display: none;
	}
	
	#questOneNext {
		color: inherit;
	}
	
	/* To WordPress *Ends* */
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
	
	/* === Images */
	/* icons, SVG */
	.alzati-logo				{ background-image: url('../img/alzati-logo.svg'); }
	.banana					{ background-image: url('../img/banana.svg'); }
	.dumbbell				{ background-image: url('../img/dumbbell.svg'); }
	
	/* Backs */
	/* First Room */
	.welcome 				{ background-image: url('../img/video-back-tablet.jpg'); }
	
	/* Second Room */
	.aService,
	.aService .three,
	.aService .two,
	.aService .one {
		-webkit-transition: all 1s ease-in-out 0s;
		-moz-transition: all 1s ease-in-out 0s;
		-ms-transition: all 1s ease-in-out 0s;
		-o-transition: all 1s ease-in-out 0s;
		transition: all 1s ease-in-out 0s;
	}
	
	.nutrition 				{ background-image: url('../img/nutrition-gs-tablet.jpg'); }
	.training 				{ background-image: url('../img/training-gs-tablet.jpg'); }
	.motivation 			{ background-image: url('../img/motivation-gs-tablet.jpg'); }
	.relaxation 				{ background-image: url('../img/relaxation-gs-tablet.jpg'); }
	
	/* Third Room */
	.streching 				{ background-image: url('../img/streching-tablet.jpg'); }
	
	/* Fourth Room */
	.test	 				{ background-image: url('../img/test-tablet.jpg'); }
	
	/* === Estilos responsivos */
	.onlyPhone { display: none; }
	.onlyDesk { display: block; }
	
	.onlyDesk.important { display: block !important; }
}

/* 1079 X 484  This is the fucking chrome on Windows on a screen of 1366 X 768. Doesn't work well*/


@media screen and (min-width: 1279px) {
	
	/* Tamaños Pantallas Pequeñas */
	/* Horizontal */
	.space.i-desk 		{ width: 6.25%; }
	.space.ii-desk		{ width: 12.5%; }
	.space.iii-desk 	{ width: 18.75%; }
	.space.iv-desk		{ width: 25%; }
	.space.v-desk 		{ width: 31.25%; }
	.space.vi-desk 		{ width: 37.5%; }
	.space.vii-desk 	{ width: 43.75%; }
	.space.viii-desk	{ width: 50%; }
	.space.ix-desk 		{ width: 56.25%; }
	.space.x-desk 		{ width: 62.5%; }
	.space.xi-desk 		{ width: 68.75%; }
	.space.xii-desk 	{ width: 75%; }
	.space.xiii-desk	{ width: 81.25%; }
	.space.xiv-desk 	{ width: 87.5%; }
	.space.xv-desk 		{ width: 93.75%; }
	.space.xvi-desk 	{ width: 100%; }
	
	/* Vertical */
	.space.ih-desk 		{ height: 6.25%; }
	.space.iih-desk 	{ height: 12.5%; }
	.space.iiih-desk 	{ height: 18.75%; }
	.space.ivh-desk 	{ height: 25%; }
	.space.vh-desk 		{ height: 31.25%; }
	.space.vih-desk 	{ height: 37.5%; }
	.space.viih-desk 	{ height: 43.75%; }
	.space.viiih-desk	{ height: 50%; }
	.space.ixh-desk 	{ height: 56.25%; }
	.space.xh-desk 		{ height: 62.5%; }
	.space.xih-desk 	{ height: 68.75%; }
	.space.xiih-desk	{ height: 75%; }
	.space.xiiih-desk	{ height: 81.25%; }
	.space.xivh-desk	{ height: 87.5%; }
	.space.xvh-desk 	{ height: 93.75%; }
	.space.xvih-desk	{ height: 100%; }
	
	/* Horizontal half Number */
	.space.i-half-desk 		{ width: 3.25%; }
	.space.ih-half-desk 		{ height: 3.25%; }
	
	.power-title {
		font-size: 62px;
	}
	
	.title {
		font-size: 20px;
	}
	
	.text {
		font-size: 16px;
	}
	
	.menu-text {
		font-size: 10px;
	}
	
	/* =================================================== 
		Put all custom styles here * Starts *
	   =================================================== */
	
	/* ============== 
		HOME *Starts*
	   ============== */
	
	.video {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	
	
	/* =======================
		Third Section *Starts*/
	
	.alzatiMember {
		top: 0;
	}
	
	.aPlan {
		padding: 0 0;
		margin-left: 0;
	}
	
	.aPlan .title.onlyDesk {
		text-align: center;
		line-height: 1;
	}
	
	.aPlan .title.onlyDesk:after {
		content: '';
		width: 56%;
		height: 6px;
		border-radius: 3rem;
		background-color: rgba(0, 0, 0, .75);
		position: absolute;
		bottom: 4%;
	}
	
	.aPlan.nutritive .title.onlyDesk:after 		{ background-color: rgba(255, 230, 0, 1); }
	
	.aPlan.rutine .title.onlyDesk:after 			{ background-color: rgba(146, 200, 62, 1); }
	
	.aPlan .title.onlyDesk:after,
	.multicolor, .icon {
		left: 0;
		right: 0;
		margin: auto;
	}
	
	.multicolor, .icon {
		width: 5.6vw;
		height: 5.6vw;
	}
	
	.icon {
		padding: 7.2%;
	}
	
	
	/*  Third Section *Ends
	   =======================*/
	
	.aPlan.rutine.email .title.onlyDesk:after {
		background-color: rgba(42, 217, 196, 1);
	}
	
	/* ============ 
		HOME *Ends*
	   ============ */
	   
	/* ===============
		PLANS *Starts*
	   =============== */
	/* =======================
		First Section *Starts*/
	
	.bitTopPadd 			{ padding: 7.2% 0 0 0; }
	.bitOfPadd 				{ padding: 2.4%; }
	
	/*  First Section *Ends
	   =======================*/
	/* =============
		PLANS *Ends*
	   ============= */
	   
	.theLogotype {
		padding: .8%;
	}
	
	/* =================================================== 
		Put all custom styles here * Ends *
	   =================================================== */
	
	/* === Images */
	/* icons, SVG */
	.alzati-logo				{ background-image: url('../img/alzati-logo.svg'); }
	.banana					{ background-image: url('../img/banana.svg'); }
	.dumbbell				{ background-image: url('../img/dumbbell.svg'); }
	
	/* Backs */
	/* First Room */
	.welcome 				{ background-image: url('../img/video-back-desktop.jpg'); }
	
	/* Second Room */
	.nutrition 				{ background-image: url('../img/nutrition-gs-desktop.jpg'); }
	.training 				{ background-image: url('../img/training-gs-desktop.jpg'); }
	.motivation 			{ background-image: url('../img/motivation-gs-desktop.jpg'); }
	.relaxation 				{ background-image: url('../img/relaxation-gs-desktop.jpg'); }
	
	/* Second Room Hovers */
	.nutrition:hover 		{ background-image: url('../img/nutrition-clr-desktop.jpg'); }
	.training:hover 		{ background-image: url('../img/training-clr-desktop.jpg'); }
	.motivation:hover 		{ background-image: url('../img/motivation-clr-desktop.jpg'); }
	.relaxation:hover 		{ background-image: url('../img/relaxation-clr-desktop.jpg'); }
	
	/* Third Room */
	.streching 				{ background-image: url('../img/streching-desktop.jpg'); }
	
	/* Fourth Room */
	.test	 				{ background-image: url('../img/test-desktop.jpg'); }
	
}

@media screen and (min-width: 1359px) {

	.title {
		font-size: 20px;
	}
}

@media screen and (min-width: 1439px) {
	
	/* En general */
	.power-title {
		font-size: 72px;
	}
	
	.title {
		font-size: 24px;
	}
	
	.text {
		font-size: 18px;
	}
	
	.menu-text {
		font-size: 12px;
	}
}

@media screen and (min-width: 1679px) {
	
	/* En general */
	.power-title {
		font-size: 80px;
	}
	
	.title {
		font-size: 28px;
	}
	
	.text {
		font-size: 22px;
	}
	
}

@media screen and (min-width: 1919px) {
	
	/* En general */
	.power-title {
		font-size: 84px;
	}
	
	.title {
		font-size: 32px;
	}
	
	.text {
		font-size: 24px;
	}
}

/* Special Request */

@media screen and (min-width:1023px) and (max-width: 1120px) and (min-height: 460px) and (max-height: 500px) {
	
	.power-title {
		font-size: 48px;
	}
	
	.title {
		font-size: 52px;
	}
	
	.text {
		font-size: 16px;
	}
}

@media screen and (min-width:1023px) and (max-width: 1367px) and (min-height: 460px) and (max-height: 610px) {
	
	/*.power-title {
		font-size: 48px;
	}
	
	.title {
		font-size: 24px;
	}
	
	.text {
		font-size: 16px;
	}*/
	
	.en-plato {
		width: 75vh;
		min-width: 32%;
	}
}

/* 1079 X 484  This is chrome on Windows on a screen of 1366 X 768. Doesn't work well*/