@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
body {background: #fff;}
navbar {background: #ebebeb;}
/* body content */
.all-content {position: absolute;top: 115px;left: 0;width: 100%;}

.header-container {width: 100%;background: #ebebeb;display: flex;justify-content: center;}
.header-container .header-content {width: 100%;padding: 70px 0px 0px 0px;text-align: center;}
.header-container .header-content h1 {color: #53565A;font-family: 'Roboto Slab', serif;font-weight: 100;margin-bottom: 25px;font-size: 50px;}
.header-container .header-content div {background: linear-gradient(to bottom, #ebebeb 50%, #fff 50%);}
.header-container .header-content div img {width: 100%;max-width: 600px;}
.all-content .history {width: 100%;padding: 35px 0px 50px 0px;}
.all-content .history .all-history {width: 100%;}
.all-content .history .all-history .text {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}
.all-content .history .all-history .text p {
	width: 100%;
	max-width: 600px;
	font-family: 'Roboto', serif;
	color: #53565A;
	font-size: 16px;
	font-weight: 300;
}
.all-content .history .all-history .list {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 35px;
}
.all-content .history .all-history .list .list-content {
	width: 100%;
	max-width: 600px;
	font-size: 16px;
	font-family: 'Roboto', serif;
	font-weight: 300;
	color: #53565A;
	display: flex;
}
.all-content .history .all-history .list .list-content .list-element {
	width: 25%;
}
.all-content .history .all-history .list .list-content .list-element i {
	color: #6CC24A;
	margin-right: 5px;
}
.all-content .history .all-history .element-text {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 35px;
}
.all-content .history .all-history .element-text .element-text-content {
	width: 100%;
	max-width: 600px;
}
.all-content .history .all-history .element-text .element-text-content h2 {
	font-size: 40px;
	letter-spacing: 1px;
	color: #53565A;
	font-family: 'Roboto Slab', serif;
	margin-bottom: 15px;
}
.all-content .history .all-history .element-text .element-text-content p {
	font-size: 16px;
	color: #53565A;
	font-family: 'Roboto', serif;
	font-weight: 300;
}
.margin35 {margin-bottom: 35px;}
.margin15 {margin-bottom: 15px;}
.all-content .history .all-history .element-text .element-text-content img {
	width: 120%;
	transform: translateX(-10%);
}
.all-content .history .all-history .element-text .element-text-content .valores-list .valor-element {
	padding: 20px 0px;
	border-bottom: 1px solid #dde5ed;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-family: 'Roboto', serif;
	color: #53565A;
	font-weight: 300;
}
.all-content .history .all-history .element-text .element-text-content .valores-list .valor-element:nth-child(4) {
	border-bottom: 0;
}
.all-content .history .all-history .element-text .element-text-content .valores-list .valor-element i {
	color: #6CC24A;
	font-size: 10px;
	margin-right: 15px;
}
/* end body content */

@media screen and (max-width: 599px){
    .header-container .header-content div img{width:90%;}
    .header-container .header-content h1{font-size:2.5rem;}
    .all-history{padding:0px 20px;}
    .element-text-content img{width:95%!important;transform:translateX(2.5%)!important;margin:auto;}
    .all-content .history .all-history .list .list-content{flex-wrap:wrap;}
    .all-content .history .all-history .list .list-content .list-element{width:50%;}
    .all-content .history .all-history .list .list-content .list-element:first-child{margin-bottom:10px;}
}

@media screen and (max-width: 899px) and (min-width: 600px){
    .header-container .header-content div img{width:90%;}
    .header-container .header-content h1{font-size:3rem;}
    .all-content .history .all-history .element-text .element-text-content h2{font-size:2rem;}
    .all-history{padding:0px 35px;}
    .element-text-content img{width:100%!important;transform:initial!important;}
    .all-content .history .all-history .list .list-content{flex-wrap:wrap;}
    .all-content .history .all-history .list .list-content .list-element{width:50%;}
    .all-content .history .all-history .list .list-content .list-element:first-child{margin-bottom:15px;}
}