@font-face{
    font-family: DejaVu;
    src: local("sans-serif"), url("../resources/font/DejaVuSans.ttf");
    font-display:swap;
}



*{
    margin: 0;
    padding: 0;
    font-family: DejaVu;
    box-sizing: border-box;
}

h1,h2,h3{
    color: #232a31;
}

p{
    color:#70747a;
}


.main-banner{
    background-image: url("../resources/banner.jpg");
    background-size: cover;
    background-position:center;
    display: block;
}

.banner-bg{
    background-color: rgba(0,0,0,60%);
    display: flex;
    width: 100%;
    position: relative;
}

.banner-logo{
    display: inline-block;
}


.logo{
    filter: drop-shadow(black .3rem .2rem .2rem);
    padding: 1rem 1rem;
    width:150px;
}

.navbar-space{
    width:100%;
    display: none;
    position: relative;
}

.navbar-container{
    height: 3rem;
    padding: 0rem 1rem;
    margin: auto 0 auto auto;
    display: flex;
}

nav{
    position: relative;
}


.navbar-items{
    height: 1rem;
    line-height: 3rem;
    display: inline-block;
}

.navbar-items li{
    display: inline-block;
}

.navbar-items a{
    color: white;
    margin: 0 0.1rem;
    padding: 0.4rem 0.4rem;
    text-decoration:none;
    transition: 0.5s;
    border-style:solid;
    border-width: thin;
    border-radius: 0.5rem;
    border-color: transparent;
}

.navbar-items a:hover{
    border-color: #FF6117;
}

.navbar-items a#active{
    background-color:#FF6117;
}


.services-container{
    padding: 2rem 0;
}

.services-container ul{
    display: flex;
    width: 100%;
    margin: 0 auto;
}

.services-container li{
    display: inline-block;
    list-style: none;
    text-align: center;
    width: 33%;
    float:top;
}
.services-container h2{
    margin-top: 15px;
    margin-bottom: 25px;
}

.services-container p{
    line-height: 30px;
    text-align: justify;
    padding: 10px;
}

.services-container li p{
    width: 90%;
    margin: 0 auto;
}

.services-container h1{
    text-align:center
}

#mission-desc{
    text-align:center;
    width:90%;
    margin: 15px auto;
}

@media (max-width: 1200px)
{
    .services-container ul{
        display: block;
    }
    .services-container li{
        width: 100%;
    }

    .services-container li p{
        width: 90%;
        margin: 0 auto;
    }
}


.fas{
    font-size: 60px;
    background-image: linear-gradient(45deg,rgba(255, 213, 23, 1) 0%, rgba(255, 97, 23, 1) 50%, rgba(255, 23, 65, 1) 100%);
    background-clip:text;
    padding: 10px 0;
    color: transparent;
}


.partners-container{
    display:grid;
    background-color: black;
    padding-bottom:25px;
}

.partners-container h2{
    color: white;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.partners-container ul{
    list-style: none;
    display: grid;

    grid-template-columns: repeat(auto-fit,minmax(250px,0.5fr));
    grid-gap: 10px;
    justify-content: center;
}

.partners-container li{
    margin-left:auto;
    margin-right: auto;
}


.partners-container a{
    display: flex;
    min-height:100px;
    border-radius: 10px;
    transition: 0.5s;
    border-style: solid;
    border-width: thin;
    border-color: transparent;
}

.partners-container a:hover{
    border-style: solid;
    border-color: white;

}

.partners-container img{
    width: 100%;
    max-width: 200px;
    min-width: 200px;


    margin-top: auto;
    margin-bottom: auto;

    margin-left: auto;
    margin-right: auto;
}



.footer-container{
    width: 100%;
    background-color: #232a31;
    position: relative;
    bottom: 0;
    padding: 20px 0;
    margin: auto auto;
}

.footer-container .fas{
    font-size: 30px;
}

.footer-container ul{
    width: 42%;
    display: flex;
    margin: 0 auto;
    text-align:center;
}

.footer-container li{
    display: block;
    list-style: none;
    margin: auto auto;
}

.footer-container a{
    text-decoration:none;
}

.footer-container p{
    color: white;
    font-size: 12px;
}

.footer-container #copyright{
    float:right;
    color:white;
    margin-right: 10px;
}

@media (max-width: 700px)
{
    .footer-container ul{
        display: block;
    }
    .footer-container li{
        display: block;
    }
}

.floating_button{
    position: fixed;
    width:4rem;
	height:4rem;
	bottom:1.5rem;
	right:1.5rem;
    background-color:#27d367;
	border-radius:3rem;
    z-index: 10;
    display: flex;
}

.floating_button a{
    font-size: 2.7rem;
    margin: auto auto;
    text-align: center;
}

.fa-whatsapp{
    color:white;
    filter: drop-shadow(black .1rem .1rem .2rem);
}