@import url('https://fonts.googleapis.com/css2?family=Nunito&family=Roboto:wght@300;400&display=swap');

body {
  margin: 0;
}

.header{
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height:100vh;
  background-position: center center;

}
.header .logo{
  width:83px;
  height:40px
}
.header h1 {
  font-family: 'Roboto', sans-serif;
  font-size:64px;    
}

.header h2 {
  font-family: 'Nunito', sans-serif;
  font-size:40px
}
.arrow {
  text-align: center;
  margin: 5% 0;
}
.arrow a{
  color:#fff;
  text-decoration: none;
}
.fixed-top {
  top: -40px;
  transform: translateY(40px);
  transition: transform .3s;
  background-color:#fff;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: rgba(204,204,204,1);
  }

  #banner-bottom{
    background-color: rgba(36,41,59,1);
    display: block;
    font-family: 'Nunito', sans-serif;
  }

  #banner-bottom h2 span{
    color:#eb8427
  }

  #page-header{
    background-color: rgba(233,234,235,1);    
    color:rgb(36 41 59);
    font-family: Roboto, sans-serif;
    font-size: 26pt;    
}
  
#page-header h2 a{
  color:rgb(36 41 59);
  text-decoration: none;
}

#page-header .fas{
  font-size:14px;
  vertical-align: middle;
}

@media only screen and (max-width: 600px) {
  #page-header h2{
    font-size:14px
  }
}
.icons a{
  color :rgba(33,33,33,1)
}
.icons p {
  margin-top: 1rem;
}
.icons img{
  width:90px;
  height:81px
}

footer{
  background-color:rgba(36,41,59,1);
  font-size:14px;
}
footer ul li{
  float: none;
  display: inline-block;
  padding: 4px 10px;
  line-height: 20px;
  font-size:14px;
  letter-spacing: 0.6px;
}
footer ul li a{
  color: #eb8427;
  text-decoration: none;
}
footer ul li a:hover{
  color: #fff;
}
.copyright{
  color:#fff
}