/* ======================
     atm tab general
   ====================== */

   .header-container{
    background: rgb(38, 163, 185);
    border-bottom-color: rgb(0, 89, 124);
    padding-bottom: 8px;
}

nav a{
    color: #46788f;
}

.main aside{
    background: rgb(38, 163, 185);
    border-top-color: rgb(0, 89, 124);

}

.engineDesc{
    border-radius:10px;
}


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

.titlehead a {
    font-size: 16px;
}

.left{
    text-align: center;
    width: 100%;
}

@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) {

.logo img {
float: right;

}

.logo {
order:1;
}

.toggle{
order: 3;

}

.titlehead{
order:2;

}

.titlehead a {
    font-size: 25px;
}

}

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


.logo {
order:2;
}

.toggle{
order: 1;

}

.titlehead{
order:3;

width:75%;
}

.left{
    text-align: center;
    width: 60%;
}


}

@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;

}

}