.fbox3 > div[class*="col"] {
  padding-top: 5px;
  padding-bottom: 5px;
}

#arch {
  position: fixed;
  right: 15px;
  bottom: 15px;
  height: 50px;
  font-size: 30px;
  /*color: rgb(194,194,194);*/
  text-align: center;
  /*display: none;*/
  width: 50px;
}

#loi {
  height: 400px;
}

@media (min-width: 576px) {
  #loi {
    height: 500px;
  }
}

#bua-p {
  height: 400px;
}

@media (min-width: 576px) {
  #bua-p {
    height: 500px;
  }
}

#line-film1 {
  width: 300px;
}

@media (min-width: 576px) {
  #line-film1 {
    width: 500px;
  }
}

#mainNav {
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  #mainNav {
    flex-wrap: wrap;
  }
}

#portfolio {
  font-family: 'Montserrat';
}

body {
  font-family: 'Montserrat';
}

#archv2 {
  background: url("../../assets/img/Thumbnail2/SEC-amazon_thespheres_sm.jpg") center / cover no-repeat, #7a7a7a;
  height: 80vh;
  /*width: 90%;*/
}

@media (min-width: 576px) {
  #archv2 {
    background: url("../../assets/img/SEC-amazon_thespheres_lg.jpg") center / cover no-repeat, #7a7a7a;
    height: 90vh;
  }
}