/*** 
 * S&T Wood Exports Colours
 * Gold: #c49a6c / RGB: 196, 154, 108
 * Red: #931e1e / RGB: 147, 30, 30
 * Charcoal: #333333 / RGB: 51, 51, 51
 * ***/

p {
  color: #444444 !important;
}

.main-banner { 
  background: 
    linear-gradient(to bottom right, 
    rgba(196, 154, 108, 0.9), 
    rgba(147, 30, 30, 0.9)), 
    url(../images/banners/wood-collage.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff !important;
}

.section-fullscreen {
  min-height: 100vh;
}

.section-90 {
  min-height: 90vh;
}

.section-85 {
  min-height: 85vh;
}

.section-80 {
  min-height: 80vh;
}

.section-65 {
  min-height: 65vh;
}

.section-10 {
  min-height: 10vh;
}

.section-xlg {
  padding: 150px 0 !important;
}

.section-lg {
  padding: 60px 0 !important;
}

.section-md {
  padding: 40px 0 !important;
}

.section-sm {
  padding: 20px 0 !important;
}

.flex-vertical-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align:middle !important;
}

.footer-text {
  color: #fff;
}

.footer-link {
  color: #fff !important;
}

.footer-link:hover {
  color: #931e1e;
}

.socialIcons {
  font-size: 20pt;
  text-decoration: none;
  color: #444444;
  margin-top: 20px;
  margin-right: 17px;
    transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.socialIcons:hover {
  color: #931e1e;
  text-decoration: none;
}

.STlinks {
  font-size: 11pt;
  text-decoration: none;
  color: #444444;
  margin-top: 20px;
    transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.STlinks:hover {
  color: #931e1e;
  text-decoration: none;
}

.STlinks2 {
  text-decoration: none;
  color: #fff;
  margin-top: 20px;
  margin-right: 17px;
    transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.STlinks2:hover {
  color: #c49a6c;
  text-decoration: none;
}

.STlinks3 {
  text-decoration: none;
  color: #444444;
    transition: all 0.4s ease-in-out !important;
    -o-transition: all 0.4s ease-in-out !important;
    -ms-transition: all 0.4s ease-in-out !important;
    -moz-transition: all 0.4s ease-in-out !important;
    -webkit-transition: all 0.4s ease-in-out !important;
}

.STlinks3:hover {
  color: #931e1e;
  text-decoration: none;
}

.instagramColor {
  background:
    linear-gradient(to top right, 
    #ffdc80, 
    #fcaf45, 
    #f77737, 
    #f56040, 
    #fd1d1d, 
    #e1306c, 
    #c13584, 
    #833ab4, 
    #5851db);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.instagramAltColor {
  background:
    linear-gradient(to top right, 
    #ffdc80, 
    #fcaf45, 
    #f77737, 
    #f56040, 
    #fd1d1d, 
    #e1306c, 
    #c13584, 
    #833ab4, 
    #5851db);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.PC {
  display: block;
}

.Mobile {
  display: none;
}

@media (max-width: 600px){
  .PC {
    display: none;
  }

  .Mobile {
    display: block;
  }