.navbar {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#navbarNavAltMarkup {
    padding-left: 90px;
}

.nav-link {
    padding-left: 200px;
}

.logo {
    width: 420px;
}

.logo-tmr{
    width: 120px; 
    margin-left: 20px;
}

.tes {
    display: none;
}
.active {
    display: inline;
}

.parellelogram {
    width: 60vw;
    height: 0;
    border-left: 50px solid transparent;
    border-bottom: 92px solid #ffca29;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}

.parellelogram span{
    font-size: 25px;
    position: absolute;
    top: 27px;
    margin-left: -400px;
    color: #364777;
    font-weight: 700;
    transform: scale(1, 1.5);
}

@media (max-width: 1490px){
    .parellelogram {
        width: 56vw;
    }

    .parellelogram span{
        font-size: 20px;
        top: 30px;
        margin-left: -325px;
    }
}

@media (max-width: 1280px) {
    .parellelogram {
        width: 45vw;
    }

    .parellelogram span{
        width: 34vw;
        font-size: 18px;
        top: 18px;
        margin-left: -18vw;
    }
}

@media (max-width: 1050px) {
    .parellelogram {
        border-left: 45px solid transparent;
        border-bottom: 77px solid #ffca29;
        width: 45vw;
    }

    .parellelogram span{
        width: 35vw;
        font-size: 16px;
        top: 14px;
        margin-left: -17vw;
    }

    .logo {
        width: 320px;
    }
    
    .logo-tmr{
        width: 100px; 
        margin-left: 20px;
    }
}

@media (max-width: 830px) {
    .parellelogram {
        border-left: 45px solid transparent;
        border-bottom: 72px solid #ffca29;
        width: 45vw;
    }

    .parellelogram span{
        width: 35vw;
        font-size: 13px;
        top: 14px;
        margin-left: -18vw;
    }

    .logo {
        width: 280px;
    }
    
    .logo-tmr{
        width: 90px; 
        margin-left: 10px;
    }
}

@media (max-width: 700px) {
    .parellelogram {
        border-left: 45px solid transparent;
        border-bottom: 67px solid #ffca29;
        width: 40vw;
    }

    .parellelogram span{
        width: 35vw;
        font-size: 11px;
        top: 14px;
        margin-left: -18vw;
    }

    .logo {
        width: 260px;
    }
    
    .logo-tmr{
        width: 80px; 
        margin-left: 5px;
    }
}

@media (max-width: 600px) {
    .parellelogram {
        top: 56px;
        border-left: 45px solid transparent;
        border-bottom: 62px solid #ffca29;
        width: 55vw;
    }

    .parellelogram span{
        width: 40vw;
        font-size: 10px;
        top: 14px;
        margin-left: -20vw;
    }

    .navbar .container-fluid{
        margin-top: -10px;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .navbar-brand{
        display: flex;
        flex-direction: column;
    }
    
    .logo {
        width: 300px;
    }
    
    .logo-tmr{
        margin-top: 10px;
        width: 90px; 
    }
}

@media (max-width: 437px) {
    .parellelogram {
        top: 56px;
        border-left: 45px solid transparent;
        border-bottom: 57px solid #ffca29;
        width: 55vw;
    }

    .parellelogram span{
        width: 35vw;
        font-size: 8px;
        top: 14px;
        margin-left: -18vw;
    }

    .navbar .container-fluid{
        margin-top: -10px;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .logo {
        width: 300px;
    }
    
    .logo-tmr{
        margin-left: 20px;
        margin-top: 10px;
        width: 80px; 
    }
}