/* ======================
     sabre tab general
   ====================== */

.header-container{
    background-image: linear-gradient(90deg, rgba(2,13,30,1) 0%, rgba(10,50,76,1)  35%, rgba(2,13,30,1) 100%);
    border-bottom-color: black;
    padding-bottom: 8px;
}

nav a{
    color: #46788f;
}

.main aside{
    background-image: linear-gradient(90deg,  rgba(10,50,76,1) 15%, rgba(2,13,30,1) 110%);
    border-top-color:black;

}

.engineDesc{
    border-radius:10px;
}


.main-container {
    padding-top: 15px;
}

@media only screen and (min-width: 375px) {

    .main-container {
        padding-top: 30px;
    }

}

@media only screen and (min-width: 411px) {
    
    .main-container {
        padding-top: 20px;
    }

}


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

.main aside {
border-top: 20px solid black;

}




.logo img {
float: right;

}

.logo {
order:1;
}

.toggle{
order: 3;

}

.titlehead{
order:2;


}

}

@media only screen and (min-width: 768px) {


.logo {
order:2;
}

.toggle{
order: 1;

}

.titlehead{
order:3;

width:75%;
}

}

@media only screen and (min-width: 1024px) {


.titlehead{

width:81%;
}

}

@media only screen and (min-width: 1140px) {

.engineDesc{
width:90%;
}

.titlehead{
width:87%;
}

.header-container{
padding-bottom: 0px;

}

}