@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&display=swap');

* {
    font-family: "DM Sans", sans-serif;
    font-weight: 500
}

.navbar {
    margin-top: -2vh;
}

.navbar img {
    margin-left: 9vh;
}

.navbar-collapse {
    margin-right: 15vh;
}

.nav-link, .hr {
    color: rgba(30, 14, 98, 1) !important;
}

.btn-1 {
    background: #fff;
    color: rgba(30, 14, 98, 1);
    outline: none;
    box-shadow: none;
    padding: 7px 10px;
    border-radius: 80px;
    border: 2px solid rgba(235, 234, 237, 1);
    width: 16vh;
}

.hr {
    font-weight: 700;
    font-size: 54px;
    margin: 5vh 0vh 5vh 0vh;
}

.brn {
    background: rgba(37, 218, 197, 1);
    border: none;
    font-size: 18px;
    outline: none;
    box-shadow: none;
    color: #fff;
    width: 25vh;
    border-radius: 80px;
    padding: 13px 13px;
}

.imb {
    width: 70%;
}
.imr {
    width: 0%;
}

.prd {
    border-right: 1px solid rgba(21, 20, 57, 0.4);
    color: rgba(21, 20, 57, 0.4);
}

.owd {
    color: rgba(21, 20, 57, 0.4);
    font-size: 18px;
}

@media (max-height: 599px), screen and (orientation :portrait) {
    .hr {
        font-size: 32px;
    }

    .navbar {
        margin-top: -1vh;
    }

    .navbar img {
        margin-left: -2vh;
    }

    .brn {
        width: -webkit-fill-available;
    }

    .imb {
        width: 100%;
    }

    .imr {
        width: 30%;
        margin-top: -3vh;
    }

    .prd {
        border: none;
    }
    
}

@media only screen and (max-width : 920px) and (min-width: 480) {   

    .owd p {
        font-size: 24px;
    }



}

@media only screen and (min-width : 768px) and (max-width : 992px)
{
        .baz {
        margin-left: 2vh;
        width: 130%;
    }

    .hr {
        font-size: 60px;
    }

    .brn {
        font-size: 36px;
    }

    .owd p {
        font-size: 28px;
    }

}

@media only screen and (max-width : 320px) {

    .owd p {
        font-size: 16px;
        letter-spacing: -0.03em;
    }

}