section{ width:100%;padding-top:30px;float:left; background-color:#fff;font-family: 'Raleway', sans-serif; padding-bottom:100px;}
#d1{ float:left; width:80%; margin-left:10%;}
hr{ float:left; clear:left; width:100px; height:10px; background-color:#C50C1D; border:0; outline:0;}
section h1{color:#333; font-size:30px; font-weight:800; letter-spacing:8px; text-transform:uppercase; padding-bottom:25px;}
section p{color:#333; font-size:15px; line-height:30px; text-align:left; margin-left:100px; float:left; clear:left; margin-top:40px;}
#d2{float:left; width:100%; padding-left:10%; padding-right:10%; padding-top:50px; padding-bottom:50px; background-color:#fff; margin-top:30px;}
#d2 div{float:left; width:48%; margin-right:4%;}
#d2 div img{float:left;}
#d2 div h2{float:right; width:calc(100% - 100px); color:#FFF; text-transform:uppercase; text-align:left; font-size:14px; line-height:25px; font-weight:600; padding-top:0; }
#d2 div:nth-of-type(2), #d2 div:nth-of-type(4){ margin-right:0;}
#d2 div:nth-of-type(5){ margin-right:0; width:100%;}
#IrArriba{position: fixed;bottom: 80px; /* Distancia desde abajo */right: 10px; /* Distancia desde la derecha */
}
#IrArriba span {width: 50px; /* Ancho del botón */height: 50px; /* Alto del botón */display: block;background-image:url(../jpg/icon_top.png);background-repeat:no-repeat;background-position:center;
}
#empresa{ padding-bottom:50px;}
#empresa p span{ color:#9ea6b1; font-weight:800; font-size:15px;}
#marcas{}
#marcas-logos{ float:left; margin-left:100px; margin-top:20px; clear:left; margin-bottom:30px;}
#marcas h2{color:#fff; font-size:15px; line-height:30px; text-align:left;float:left; clear:left; margin-top:40px; background-color:#C50C1D; padding:10px; font-weight:600; margin-left:100px; letter-spacing:1px;}
#marcas-logos img{ border-radius:100%; margin-right:5px; filter: grayscale(100%); -webkit-filter: grayscale(100%);transition:filter 0.4s;-webkit-transition:-webkit-filter 1s; margin-bottom:5px; max-width:120px;}
#marcas-logos img:hover{ filter: grayscale(0);-webkit-filter: grayscale(0);
}

@media only screen and (max-width: 1000px) { 
#d2 div{width:100%; margin-right:0%;}
@media only screen and (max-width: 768px) { 
#d2 div h2{font-size:11px;}
@media only screen and (max-width: 600px) {
#marcas-logos{margin-left:0px; width:100%;}
#marcas h2{margin-left:0px;}
#marcas-logos img{max-width: 100px; height:auto;}
}