.sub-menu{
	height: 44px;
	background-color: #e8e6e7;
	margin-bottom: 50px;
}

.real-sub-menu{
	width: 880px;
	height: 44px;
}

.only-mobile{
	display:none;
}

.only-pc{
	display:block;
}

.sub-menu-option{
	float:left;
	padding-right:14px;
	line-height:44px;
	font-family: 'Nunito', sans-serif;
	font-size: 10px;
	color: #5d5d5d;
	font-weight: 700;
}

.sub-menu-option:hover{
	cursor: pointer;
	color: #333333;
}

.sub-menu-selected{
	color: #227671;
}

.separator{
	border-left: 1px solid #5d5d5d;
	float:left;
	height: 16px;
	margin-top:14px;
	margin-right: 10px;
}

.about-body{
	padding-bottom: 220px;
	background-color: rgb(225,225,225);
}

.left-column-50{
	float:left;
	width:50%;
	min-width:500px;
	max-height:700px;
}

.image{
	width:100%;
}

.image img{
	max-width:700px;
	min-width:500px;
	width:100%;
}

.first-img-history{
	background: url(../images/yerba-mate/history/YM_History01.jpg) no-repeat center left;
	min-height: 500px;
	min-width: 500px;
	max-width:700px;
	max-height: 700px;
	height:100%;
}

.second-img-history{
	background: url(../images/yerba-mate/history/YM_History02.jpg) no-repeat center right;
	min-height: 500px;
	min-width: 500px;
	max-width:700px;
	max-height: 700px;
	height:100%;
}

.third-img-history{
	background: url(../images/yerba-mate/history/YM_History03.jpg) no-repeat center left;
	min-height: 500px;
	min-width: 500px;
	max-width:700px;
	max-height: 700px;
	height:100%;
}

.fourth-img-history{
	background: url(../images/yerba-mate/history/YM_History04.jpg) no-repeat center right;
	min-height: 500px;
	min-width: 500px;
	max-width:700px;
	max-height: 700px;
	height:100%;
}

.blocks{
	max-height:700px;
	min-height:500px;
	display: flex;
    display: -mx-flexbox; 
    display: -webkit-flex; 
    flex-grow: 0;
    -ms-flex-grow: 0; 
    -webkit-flex-grow: 0; 
}

.text{
	min-width:500px;
	max-width:700px;
	padding-top:60px;
	background-color:white;
}

.title{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 40px;
	color: #43c6f3;
	padding-bottom: 40px;
	padding-right: 90px;
	padding-left: 90px;
}

.description{
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #797b7d;
	line-height:26px;
	padding-right: 90px;
	padding-left: 90px;
}

.nutri-info{
	font-size: 17px;
}

.description-right{
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #797b7d;
	line-height: 26px;
	padding-left: 90px;
	padding-right: 90px;
	text-align:left;
}

.nutri-board{
	position:absolute;
	bottom: 53%;
    left: 51.5%;
	width:232px;
	height:232px;
	color: white;
	background: rgba(255, 255, 255, 0.3);
}

.nutri-board-bottom{
	position:absolute;
	top: 50%;
    right: 51.5%;
	width:232px;
	height:232px;
	color: white;
	background: rgba(255, 255, 255, 0.3);
}

.nutri-board-txt{
	opacity:1;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	padding-left:20px;
}

.nutri-board-title{
	opacity:1;
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height:40px;
	padding-left: 20px;
	padding-top: 10px;
	margin:0;
}

.nutri-board-title-bottom{
	opacity:1;
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height:40px;
	padding-left: 20px;
	padding-top: 30px;
	margin:0;
}

.cian-text{
	color: #43c6f3;
	font-weight: 600;
}

@media (min-width: 1280px) and (max-width: 1500px){
	.description{
		line-height: 39px;
	}
	
	.description-right{
		line-height: 39px;
	}
}

@media (min-width: 1501px){
	.description{
		line-height: 52px;
	}
	
	.description-right{
		line-height: 52px;
	}
}