@import url("/static/bootstrap/css/bootstrap.min.css");
@font-face {
    font-family: sH;
    src: url("/static/fonts/Shrikhand-Regular.ttf")
}

@font-face {
    font-family: cGR;
    src: url("/static/fonts/CormorantGaramond-Regular.ttf")
}

@font-face {
    font-family: cGB;
    src: url("/static/fonts/CormorantGaramond-Bold.ttf")
}

@font-face {
    font-family: gN;
    src: url("/static/fonts/gn.otf")
}

.oS {
    background-image: url("/static/images/olympus_50.jpg");
    background-position: center;
    background-size: cover;
}

.cGR {
    font-family: cGR;
}

.cGB {
    font-family: cGB;
    letter-spacing: -0.75px;
    font-weight: bold;
}

.gN {
    font-family: gN;
    letter-spacing: -1.25px;
}

a {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: underline;
}

.w-20 {
    width: 20%;
}

.w-80 {
    width: 80%;
}

.w-10 {
    width: 10%;
}

.w-90 {
    width: 90%;
}

.fn:hover {
    cursor: pointer;
}

.bg-primary {
    background-color: rgb(39,67,118) !important;
}

.w-25 > a > img.w-25 {
    width: 10% !important;
}

img.w-100 {
    width: 50% !important;
}

.fs-4 {
    font-family: sH;
}

@media only screen and (max-width: 528px), screen and (max-height: 932px) {

    .vh-100 {
        height: 100svh !important;
    }

    .p-5 {
        padding: 1rem !important;
    }

    .w-10 {
        width: 0%;
    }

    .w-90 {
        width: 0%;
    }

    .mt-2 {
        margin-top: 1.25rem !important;
    }

    .w-25 > a > img.w-25 {
        width: 25% !important;
    }

    img.w-100 {
        width: 100% !important;
    }

    .tS {
        display: none !important;
    }

    .gN {
        font-size: 2rem !important;
        letter-spacing: -1px !important;
    }

}