@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirLTStd-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirLTStd-Black.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/AvenirLTStd-Light.otf') format('opentype');
    font-weight: lighter;
    font-style: normal;
}

#home h2 {
    color: #ED9F23 !important;
    font-family: 'Avenir', sans-serif !important;
    font-weight: bold !important;
}
#home p {
    color: white !important;
    font-family: 'Avenir', sans-serif !important;
    font-weight: normal !important;
}
#home h4 {
    color: white !important;
    font-family: 'Avenir', sans-serif !important;
    font-weight: lighter !important;
    font-size: 30px !important;
}

#home a {
    font-family: 'Avenir', sans-serif !important;
    /* text-transform: none !important; */
}

.intro p, #fun-facts h3,   #fun-facts p, #why-us h3,
 #why-us p, #why-us span, #skills p, #skills h3,
  #team h3, #team p, #navigation  a{
    font-family: 'Avenir', sans-serif !important;
}

#why-us span{
    font-family: 'Avenir', sans-serif !important;

    font-size: 22px !important;
}

.bg-icc-grey {
    background-color: #d6d6d6 !important;
}

#about h3, #about p  {
    font-family: 'Avenir', sans-serif !important;
    text-transform: none !important;
}

.download-buttons img {
    width: 200px;  /* Ensures both buttons have the same width */
    height: auto;  /* Maintains aspect ratio */
    margin: 10px;;
}

.scroll-to-top img{
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.social-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: white;
    text-decoration: none;
    transition: background 0.3s;
    margin: 10px;
}
.facebook { background-color: #3b5998; }
.instagram { background-color: #E1306C; }

.facebook img{ height: 23px; }
.instagram img{ height: 29px; }

.social-btn:hover { opacity: 0.8; }

.dr-o {text-align: center !important;}