@import url('https://fonts.googleapis.com/css2?family=Homenaje&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700&display=swap');
@font-face{font-family:Homenaje;src:url(Homenaje-Regular.ttf)}

*{font:15px/1.6 Roboto,Arial,Helvetica,sans-serif;    font-weight: 400;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
:root{--primary:#231F20;}
body{background-color:var(--primary);line-height:22px;color:#fff;min-height:100vh;}
header,main,footer{max-width:1000px;width:100%;margin:0 auto;}
main{padding:55px 30px 40px}
.row{margin:0 auto;zoom:1}

a{color:#fff;text-decoration:none}
a:hover{color:#eb1c27}
h1{font-size:35px;line-height:50px;font-family:'Homenaje',sans-serif;margin-bottom:24px}
h3{font-size: 24px;}
h2{font-size:18px}
h2,h3,h4,h5{font-family:'Homenaje',sans-serif}
.white-space-pre{white-space:pre-wrap}

.red-title{color: #eb1c27;}

/* Header */
.header-wrapper {padding:0 20px; background-color:transparent; display:flex; justify-content:center; flex-direction:column;}
.header-wrapper .logo-wrapper {padding-left:16px; padding-right:16px;}
.header-wrapper .logo-wrapper a {display:flex;}
.header-wrapper .logo-wrapper .logo {font-weight:700; font-size:18px; display:flex; align-items:center; justify-content:center; margin:20px auto 0!important; padding-bottom:20px; width:100%;}
.header-wrapper .nav-wrapper .nav {margin-top:20px;}
.header-wrapper .nav-wrapper .nav ul {list-style:none; height:100%; display:flex; align-items:center; justify-content:center;}
.header-wrapper .nav-wrapper .nav ul .nav-item {color:#fff; font-size:24px;}
.header-wrapper .nav-wrapper .nav ul .nav-item.active {color:#eb1c27; font-weight:100;}
.header-wrapper a{text-decoration:none;font-family:'Homenaje',sans-serif}
.header-wrapper ul li{padding:5px;margin-left:10px;padding-right:45px}
.header-wrapper #hamburger-icon{margin:auto 0;display:none;cursor:pointer;width:35px}
.header-wrapper #hamburger-icon span div{width:35px;height:3px;background-color:#fff;margin:6px 0;transition:.4s;z-index: 999;position: relative;}
.header-wrapper .open .bar1{-webkit-transform:rotate(-45deg) translate(-6px,6px);transform:rotate(-45deg) translate(-6px,6px)}
.header-wrapper .open .bar2{opacity:0}
.header-wrapper .open .bar3{-webkit-transform:rotate(45deg) translate(-6px,-8px);transform:rotate(45deg) translate(-6px,-8px)}
.header-wrapper .open .mobile-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--primary)}
.header-wrapper .mobile-menu{display:none;position:fixed;left:0;top:0;height:calc(100vh);width:100%}
.header-wrapper .mobile-menu{margin-bottom:10px;text-decoration: none; list-style-type:none;}
.header-wrapper .mobile-menu li{margin-bottom:10px;text-decoration: none;}
.header-wrapper .mobile-menu li a.active {color:#eb1c27; font-weight:100;}

.header-img-slider{border:7px solid #fff;margin-bottom:43px}
.header-img-slider img{width:100%;height:100%;display:flex}
.header-img-slider iframe{width:100%;display:flex}


/* Product - Archive */
.page-products .category-wrapper .title {margin-bottom:24px;}
.page-products .products-wrapper {display:grid; grid-gap:32px; grid-template-columns:repeat(4, 1fr);}
.page-products .products-wrapper .product img {width:100%; height:auto}
.page-products .products-wrapper .product .desc {padding:15px; padding-top:0; text-align:center;}

/* Footer */
footer {color:#8C8989; padding:32px 30px;}
footer p {font-size:12px;}

.page-contact .contact-header-image{ max-width: 400px;width: 100%; margin-bottom: 34px;}
.page-contact .locations-wrapper {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 32px;padding-top: 32px;}
.page-contact .locations-wrapper .location iframe{width: 100%;margin-top: 16px;}


.section {position:relative; overflow:hidden; width: 100%; padding: 48px 32px;} 
.section.no-padding {padding:0 32px;}
.s-row {display:flex; flex-wrap:wrap; width: 100%; margin: 0 -32px ;} 
.s-row.center {align-items:center; justify-content:center;}
.container {width:100%; max-width:1400px; margin:0 auto;}
.container.full-width {max-width:100%;}
.col {position:relative; margin-bottom:32px; display:inline-flex; flex-wrap:wrap; align-content:flex-start; flex-direction:column;}
.col.gap-sm {padding:0 16px;}
.col.center {align-content:center; flex-direction:row;}
.col-12 {width:100%;}
.col-11 {width:91.666%;}
.col-10 {width:83.333%;}
.col-9 {width:75%;}
.col-8 {width:66.666%;}
.col-7 {width:58.333%;}
.col-6 {width:50%;}
.col-5 {width:41.666%;}
.col-4 {width:33.333%;}
.col-3 {width:25%;}
.col-2 {width:16.666%;}

/* Mobile */
@media screen and (max-width: 800px) {
	.col{width: 100% !important;}
	.page-products .products-wrapper{grid-template-columns:repeat(3, 1fr);}
  .page-contact .locations-wrapper {grid-template-columns: repeat(1,1fr);}
  
  
}
@media only screen and (max-width: 600px) {
	.header-wrapper nav{display:none}
	.header-wrapper #hamburger-icon{display:block; float: right;}
	.page-products .products-wrapper{grid-template-columns:repeat(2, 1fr);}
	.nav-wrapper {margin-top:20px;}
}