body, html {
  /*min-height:5rem;*/
}
@font-face {
  font-family:'Mini';
  font-weight:400;
  font-style:normal;
  src:url('./fonts/Montserrat-Light.ttf')
}
@font-face {
  font-family:'Mini';
  font-weight:400;
  font-style:italic;
  src:url('./fonts/Montserrat-Italic.ttf')
}
@font-face {
  font-family:'Mini';
  font-weight:700;
  font-style:normal;
  src:url('./fonts/Montserrat-Bold.ttf')
}
body{
  background:url(./images/fondofa.jpg) top center / cover no-repeat;
  background-attachment:fixed
}
h1,h2,h3,h4,h5,h6,p,div,span,input,a,button{
  font-family:Mini,Times,serif;
  font-kerning:none;
  font-feature-settings:"kern";
  letter-spacing:initial;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
/* h1:before{ 
  display:block;
  content:'';
  position:absolute;
  left:-35px;
  top:-10%;
  height:100%;
  width:20px;
  background-color:#C1B73B
} */
.btn-warning{
  background-color:#C1B73B
}
.dots{
  position:relative
}
.dots:after{
  position:absolute;
  content:':';
  font-size:75%;
  right:-7%;
  top:6%;
  opacity:.7
}
.bg-opacity-white{
  background-color:#fffe;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px)
}
.bg-opacity-dark{
  background-color:#0008;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px)
}



h1{
  line-height:.7!important
}
p.line-fix{
  line-height:1!important
}
.sub-logo{
  right:2rem;
  bottom:1.5rem
}

.grad {
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, #c2b73c 50%, #c2b73c 100%);
  cursor: pointer;  
}

.opacity-2 {
  opacity:0.4!important;
}
#container {
  width: 100%;
  height: 330px
}

#part1 {
  width: 100%;
  height: 280px;
  background-color: #292929
}

#part2 {
  width: 100%;
  height: 50px;
  background-color: black;
  position: relative;
  top: -15px
}

#companyinfo {
  width: 14%;
  height: 280px;
  position: relative;
  left: 8%;
  top: 30px
}

#sitelink {
  font-size: 35px;
  color: #f44336
}

#sitelink:hover {
  color: #e65100
}

#title {
  color: gray;
  position: relative;
  top: 0px;
  font-size: 14.1px
}

#detail {
  color: #aaa7a7;
  font-size: 16px
}

#explore {
  width: 14%;
  height: 280px;
  position: relative;
  top: -235px;
  left: 29%
}

#txt1,
#txt2,
#txt3,
#txt4,
#txt5 {
  color: white;
  font-size: 20px
}

.link {
  display: flex;
  width: 90px;
  height: 40px;
  color: #aaa7a7;
  background-color: transparent;
  border-top: 2px solid white;
  position: relative;
  top: -10px
}

.link:hover,
.link1:hover {
  color: #e65100
}

#visit {
  width: 14%;
  height: 280px;
  position: relative;
  top: -515px;
  left: 42%
}

.text {
  color: #aaa7a7;
  font-size: 14px;
  margin-top: -10px
}

#legal {
  width: 14%;
  height: 280px;
  position: relative;
  top: -800px;
  left: 59.5%
}

.link1 {
  display: flex;
  width: 150px;
  height: 40px;
  color: #aaa7a7;
  background-color: transparent;
  border-top: 2px solid white;
  position: relative;
  top: -10px;
  margin-top: 7px
}

#subscribe {
  position: relative;
  top: -1080px;
  left: 78%;
  width: 14%;
  height: 280px
}

#email {
  color: white;
  position: relative;
  top: -20px
}

.btn {
  position: relative;
  top: -10px
}

#txt5 {
  position: relative;
  top: 0px
}

.social {
  position: relative;
  top: -5px;
  margin-right: 10px;
  color: white;
  cursor: pointer
}

.fa-facebook-square:hover {
  color: #3B579D
}

.fa-linkedin:hover {
  color: #007BB6
}

.fa-twitter-square:hover {
  color: #2CAAE1
}

#txt6 {
  color: white;
  position: relative;
  top: 13px;
  left: 8%;
  width: 80%;
  color: #aaa7a7
}

.material-icons {
  position: relative;
  top: 3px
}

@media only screen and (max-width:1000px) {
  #companyinfo {
      width: 20%
  }

  #sitelink {
      font-size: 30px
  }

  #txt5,
  #txt4 {
      font-size: 17px
  }

  #txt5,
  .social {
      position: relative;
      top: -5px
  }
}

@media only screen and (max-width:850px) {
  #companyinfo {
      position: relative;
      left: 3%
  }

  #txt6 {
      position: relative;
      left: 3%
  }

  #txt1,
  #txt2,
  #txt3,
  #txt4,
  #txt5 {
      font-size: 15px
  }

  #explore {
      position: relative;
      top: -240px;
      left: 26%
  }

  #sitelink {
      font-size: 25px
  }

  #detail {
      font-size: 13px
  }

  .link {
      width: 60px
  }

  #visit {
      position: relative;
      top: -520px;
      left: 37%
  }

  .text {
      font-size: 13px
  }

  #legal {
      position: relative;
      top: -800px;
      left: 54%
  }

  #subscribe {
      position: relative;
      top: -1080px;
      left: 76%;
      width: 20%
  }

  #txt5,
  .social {
      position: relative;
      left: -110%;
      top: px
  }

  #email,
  .btn {
      position: relative;
      top: 0px
  }

  #part1 {
      height: 250px
  }
}