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

html{
    font-family: 'Signika', sans-serif;
}
header,h3{
  font-family: 'Signika', sans-serif !important;
}
.logo{
    max-height: 40vh;
    max-width: 100vw;
}
.main {
    background-color: #A8795A;
}

.pa-2 {
    padding: 2px;
}

.pa-5 {
    padding: 5px;
}

.pa-10 {
    padding: 10px;
}

.pa-20 {
    padding: 20px;
}

.pb-10 {
    padding: 0px 10px 10px 10px;
}

.pa-40 {
    padding: 40px;
}

.about {
    font-size: 8px !important;
    overflow-wrap: break-word;
}
.about-title{
    font-size: 10px !important;
    overflow-wrap: break-word;
}

/* Tablet */
@media (min-width:600px) {
    .pa-2 {
        padding: 4px;
    }

    .pa-5 {
        padding: 10px;
    }

    .pa-10 {
        padding: 20px;
    }

    .pa-20 {
        padding: 40px;
    }
    .pb-10 {
        padding: 0px 20px 20px 20px;
    }

    .pa-40 {
        padding: 80px;
    }
    .about {
        font-size: 10px !important;
        overflow-wrap: break-word;
    }
    .about-title{
        font-size: 14px !important;
        overflow-wrap: break-word;
    }
}

/* Desktop */
@media (min-width:900px) {

    .pa-2 {
        padding: 8px;
    }

    .pa-5 {
        padding: 20px;
    }

    .pa-10 {
        padding: 40px;
    }

    .pa-20 {
        padding: 80px;
    }

    .pa-20 {
        padding: 160px;
    }

    .pb-10 {
        padding: 0px 40px 40px 40px;
    }
    .about {
        font-size: 20px !important;
        overflow-wrap: break-word;
    }
    .about-title{
        font-size: 28px !important;
        overflow-wrap: break-word;
    }
}

header {
    width: 100vw;
    background-color: white;
    color: white;
}

footer {
    /* position: absolute;
    bottom: 0; */
    width: 100vw;
    color: white;
    background-color: #00143C;
}
footer a{
    color: white;
}

.btn-brown {
    background-color: #082D75 !important;
    color: white !important;
}



.body {

    background-color: #00143C !important;
    color: white !important;
}