#my-navigation{
    width: 100%;
    background-color: #ffff;
    z-index: 999;
    position: fixed;
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
    height:80px;
}

.navbar-brand img{
    width:70%;
}

#navbarText ul li a{
    color: var(--main-color);
    margin-right: 1.5rem;
    font-weight: 700;
    font-size: 1.1rem;
}

#navbarText ul li a:hover{
    color: var(--link-hover);
}

.register{
    padding: 0.5rem 1rem;
    border: none;
    background-color: #F9EEE1;
    border-radius: 0.5rem;
    color: var(--main-color);
    font-size: 1rem;
    font-weight: 700;
}


@media only screen and (max-width:1260px){
    #navbarText ul li a {
        color: var(--main-color);
        margin-right: 1rem;
        font-weight: 700;
        font-size: 1rem;
    }
}


@media only screen and (max-width:1150px){
    #navbarText ul li a {
        color: var(--main-color);
        margin-right: 1rem;
        font-weight: 700;
        font-size: 0.9rem;
    }
    .register {
    padding: 0.5rem 0.5rem;
    border: none;
    background-color: #F9EEE1;
    border-radius: 0.5rem;
    color: var(--main-color);
    font-size: 0.8rem;
    font-weight: 700;
}
}



@media only screen and (max-width:1040px){
    #navbarText ul li a {
        color: var(--main-color);
        margin-right: 1rem;
        font-weight: 700;
        font-size: 0.8rem;
    }
}

@media only screen and (max-width:992px){
    #my-navigation .internal{
        width:100%;
        background:#ffff;
    }
    #navbarText{
        border-top: 1px solid #000;
        padding-top:0.5rem;
        padding-bottom:0.5rem;
}
    .navbar-brand img {
    width: 70%;
    position: relative;
    top: -0.3rem;
}
.navbar-toggler {
    position: relative;
    top: -0.5rem;
}
  
}


@media only screen and (max-width:576px){
      #my-navigation .internal{
        width:100%;
        background:#ffff;
    }
}