/* UTF-8 */

body,html{
	font: normal 16px/28px Merriweather,serif;
	color:#000000;
	text-align: left;
	background:#fffdf4;
}

p{
	margin-bottom: 30px;
}

/************************************
				INTRO
************************************/

.intro-vid{
	position:absolute;
	top:0px;
	left:0px;
}
.hero{
	position:relative;
}

.hero-body{
	position: absolute;
	top: auto;
	left: 5%;
	right:0;
	bottom: 10%;
	margin: 0;
	max-width: 45vw;
	height: auto;
	display: flex;
	padding: 0px !important;
}

.hero-body  a{
	display: block;
	margin-bottom: 20px;
}
	.hero-body .hero-title{
		width:100%;
	}

h2{
	font: bolder 30px/30px Merriweather,serif;
	padding-left:0;
	margin-left:0;
	margin-top:30px;
}

figure.img-float.right{float:right;margin-right:-8em;padding:15px 15px 40px;position: relative;}
figure figcaption{color: #777;font:normal 12px/16px sans-serif;padding-top:6px;position: absolute;}
figure figcaption strong{color: #777;}
figure img{width: 100%;}

.sub-titles{
	display:flex;
	flex-basis: 0%;
	flex-grow: 1;
	flex-shrink: 1;

	justify-content:space-between;
}

.tipos-aguacate span{
	display: block;
	line-height: 22px;
	margin-top:15px;
}

.boom-aguacate img{
	min-height:101px;
	margin-bottom:10px;
}
.boom-aguacate span{
	text-align: center;
	display: block;
	font-size:17px;
	font-weight: bolder;
	line-height: 26px;
}
/************************************
				FOOTER
************************************/


footer{
	background:url(../assets/textura-limpia-cmyk.jpg) no-repeat center;
	background-size:cover;min-height: 100vh;
}

footer .logo,
footer .title-credits{
	text-align: center;
	display: block;
	margin:20px auto;
}
footer .title-credits{margin-bottom: 60px;}
footer p{
	margin-bottom:5px;
}
footer .magazine{
	width:30%;
}

footer .revista-info p{
	width:80%;
	line-height: 17px;
	margin:5px auto;
}

footer .social-media a{
	font-weight: bolder;
	margin-right:10px;
	position:relative;
}

footer .social-media a:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 19px;
    top: 0px;
    right: -8px;
    background: #000000;
}
	footer .social-media a:last-of-type:before{
		display:none;
	}
/************************************
			HELPER CLASS
************************************/

.fullwidth{
	position: relative;
    width: 120vw;
	left:0;
	right:0;
	margin-left:-10vw;
}

.roboto{
	font-family: Roboto, sans-serif;
}

.small-txt{
	display: block;
	font-size:13px;
	line-height: 17px;
}

.green{
	color:#637B00;
}
.magenta{
	color:#B9024B;
}

.margin-sm{
	margin-top:50px;
	margin-bottom:50px;
}


/************************************
			MEDIA QUERIES
************************************/

@media screen and (max-width:767px){
	figure.img-float.right{
		float:none;
		margin:10px auto 20px;
		padding:0px;
		display: block;
	}	
	figure figcaption{position: initial;font:normal 13px/17px sans-serif;}

	.fullwidth {width: 100vw;padding: 0;margin: 0;}

	.has-text-left-mobile{
		text-align:left !important;
	}

	footer .revista-info p{
		width:55%;
		line-height: 17px;
		margin:5px 0 0 0;
	}
	.hero-body .hero-title{width:90%;min-width:300px;}

}


/* trunks deaults */

@media screen and (min-width: 1008px) {
    .fullwidth {
    	width:110vw;
        margin-left:calc(((960px - 100vw) / 2) - 20px);
    }
}

@media screen and (max-width: 1199px) {
    .fullwidth.is-widescreen {
    	width:110vw;
        margin-left:calc( ((1152px - 100vw) / 2) - 20px);
    }
}

@media screen and (max-width: 1440px) {
    .fullwidth.is-fullhd {
    	width:110vw;
        margin-left:calc( ((1344px - 100vw) / 2) - 20px);
    }
}

@media screen and (min-width: 1200px) {
    .fullwidth {
    	width:110vw;
        margin-left:calc( ((1152px - 100vw) / 2) - 20px);
    }
}

@media screen and (min-width: 1441px) {
    .fullwidth {
    	width:110vw;
        margin-left:calc( ((1344px - 100vw) / 2) - 20px);

    }
}