:root {
  --main-color-body: #000000;
  --main-bg-01:#f3f3f3;
  --main-bg-02:#dfdfdf;
  --main-color-1: #ffffff;
  --main-color-2: #eeeeee;
  --main-color-3: #999999;
  --main-color-4: #000000;
  --main-link-color-1: #d21f3f;
  --main-link-color-1-in: #bf1937;

  --main-border-color-1: #dddddd;
  --main-border-color-2: #999999;
  --main-shadow-2: #eee;
}
html{font-size:16px;}
body{background-color: #fff;  font-family: 'Montserrat', sans-serif; font-weight:400; color:var(--main-color-body); overflow-x: hidden; font-size:1rem; line-height:1.5rem;}
.img-svg svg{width:100%; height:100%; display: inline-block;}

a{cursor: pointer; color:var(--main-link-color-1);
-webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-ms-transition: all 150ms linear;-o-transition: all 150ms linear;transition: all 150ms linear;}
a:hover{color:var(--main-link-color-1-in);}

.btn
{-webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-ms-transition: all 150ms linear;-o-transition: all 150ms linear;transition: all 150ms linear;}


 .btn-primary:focus, .btn-primary:active:focus,
.btn-primary:focus, .btn-primary:active:focus{box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1);}

.lead{line-height: 140%;}
.btn-primary {
  color: white;
  background-color: var(--main-link-color-1);
  border-color: var(--main-link-color-1);
}
 .btn-primary:focus,
.btn-primary:hover, .btn-primary:active
 {
  color: #fff;
  background-color: var(--main-link-color-1-in);
  border-color: var(--main-link-color-1-in);
}
/**/

/**/
h1,.h1,h2,.h2{font-family: 'Montserrat', serif; font-weight:700;}
h1 a,.h1 a,h2 a,.h2 a, .info a{color:var(--main-color-body); text-decoration: none;}
h1 a:hover,.h1 a:hover,h2 a:hover,.h2 a:hover,  .info a:hover{color:var(--main-color-body); text-decoration: underline;}
.btn{border-radius:0px;font-size:1.25rem; padding: .75rem 2rem; font-weight:600;}

header{
    background-color: var(--main-bg-01);
    background-repeat: no-repeat, repeat; background-position: 80% , 50%; background-size: cover, auto;
}
header .section-dark{
  background-color: rgba(0,0,0,.3);
}
header{color:var(--main-color-1);}
.logo-box{position: relative;z-index:2;}
btn-primary:focus
.hero{min-height:500px; height:100vh; max-height:600px;}
.logo img{height:44px;}
.section-dark{background-color:  var(--main-bg-02);}
.decor span{position: relative;}
.decor span:before{content:""; width:150px; height:1px; border-top:2px solid var(--main-border-color-2);position:absolute; top:50%; left:-170px;}
.decor span:after{content:""; width:150px; height:1px; border-top:2px solid var(--main-border-color-2);position:absolute; top:50%; right:-170px;}
#facebook{
  position: absolute; bottom:0px; right:15px;
  font-size: 2.5rem; margin-bottom: 1rem;
}

@media (min-width: 768px) {
  header{background-position: 100% 50% , 50%;}
}