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

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

.row {
    margin: 0 !important;
}

.navbar-collapse {
    margin-left: 29vh;
}

.nab {
    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;
}

.wad {
    color: rgba(30, 14, 98, 1);
    font-weight: 700;
    font-size: 8vh;
}

.pad {
    color: rgba(21, 20, 57, 0.4);
}

.btn-2 {
    background: rgba(72, 43, 231, 1);
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 15px 50px;
    border-radius: 100px;
    margin-top: 30px;
}


.tad {
    margin-left: 8vh;
    margin-top: 11vh;
}

@media (max-height: 599px), screen and (orientation :portrait) {

    .navbar {
        margin-top: 3vh;
    }
        
    .navbar-collapse {
        margin-left: 2vh;
    }

    .btn-1 {
        margin-left: -2vh;
    }

    .ime {
        width: 70%;
        margin-left: 7vh;
    }

    .btn-2 {
        width: -webkit-fill-available;
    }

    .tad{ 
        margin-left: 0vh;
        margin-top: 3vh;
    }

    .tad img {
        width: 100%;
        margin-top: 1vh;
        margin-left: 0vh;
        margin-bottom: 5vh;
    }
    
    .wad {
        font-size: 40px;
    }

    .pad {
        letter-spacing: -0.03em;
    }

    .nar {
        margin-left: -5vh;
    }

    .btn-2{
        margin-top: 0vh;
    }
}
@media only screen and (width: 280px) and (height: 653px) {

    .nar {
        margin-left: -7.5vh;
    }

}

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

    .wad {
        font-size: 85px;
    }

    .nar {
        margin-top: 2vh;
        margin-left: -3vh;
        margin-right: 8vh;
    }
    .tad {
        margin-left: 1vh;
    }

    .navbar img {
        width: 150%;
    }

    .navbar-toggler {
        margin-right: 3vh;
    }
    
    .tad img {
        margin-left: -0.5vh;
    }

    .pad {
        font-size: 35px;
    }

    .btn-2 {
        padding: 25px 20px;
        font-size: 24px;
        margin-top: 2vh;
        margin-bottom: 5vh;
    }

    .ime {
        margin-bottom: 5vh;
        margin-left: 7vh;
    }

}