body{background: url(images/bg-0.jpg) no-repeat fixed center;font-size: 12pt; }
#logo{ position: absolute; top: 0px; left: 0px; z-index: 3; width: 340px;}
#contenedor_menu{position: absolute;top: 30px; z-index: 2; right: 0px; 
padding:4px 20px 4px 0px; font-size:10pt; background: rgba(255,255,255,0.5);}
#productos_slide{ position: absolute; top: 450px; left: 20px; z-index: 1 }
#producto_slide_titulo{display: none; color: #fff; }
#redes_sociales{ position: fixed;right: 0; top: 150px; background: rgba(0,0,0,0.8); padding: 6px; z-index: 3 }
#redes_sociales span{ margin: 4px 0 ; width: 40px; font-size: 18px; color: #fff; }
#productos{ background: rgba(18,52,86,0.8); color: #333; }
#contactanos{ background:url(images/bg-contactanos.jpg) no-repeat fixed center;  }
/* CLASSES PRINCIPALES */
.font-primary{font-family: 'Raleway'}
.btn{cursor: pointer;}
.text-big{ font-size: 35pt; }
.text-biger{ font-size: 40pt; }
.underline {  position: relative;  padding-bottom: 12px;}
.underline::before, .underline::after { content: ''; position: absolute; left: 0;  bottom: 0;  height: 2px;}
.underline::before { right: 0;  background: #555;}
.underline::after {  background: #F2610E;  width: 60px; }
/* Contact Section
--------------------------------*/
#sendmessage {
  color: #18d26e;
  border: 1px solid #18d26e;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer{ font-size:12px;}
#footer h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 10px;
  line-height: 1;

  letter-spacing: 3px;
  border-left: 4px solid #F2610E;
}


#footer ul { list-style: none; padding: 0;  margin: 0;}
#footer ul li {  border-bottom: 1px solid #333;}
.display-4{ font-size: 32px !important; }

@media only screen and (max-width: 1024px) {
  
    #contenedor_menu{ font-size: 8px;top:140px; }
    #contenedor_menu .btn{ font-size: 10px; }
    #logo{ width: 100px; }
    #productos_slide{ top: 80px; left: 5px;  font-size: 10px !important; }


}