body {
    background-color: #fff;
    font-family: 'Barlow', sans-serif;
    text-align:center;
    color: #0c8c8c;
    margin:0
}

.logo {min-width:350px;max-width:100%;}
.SIGTTBot {right:0;transform: rotate(90deg);margin:235px -64px 0 0;width:172px;height:28px;z-index:99;position:fixed;}
.SIGTTBot .btn-warning {border-radius:0 0 8px 8px !important;background-color:#ffc107;}
.SIGTTBot .btn  {text-decoration:none;padding:12px 12px;color:#000} 

.wrap {
    background-color: #fff;
    width: 90%;
    max-width:800px;
    margin: 30px auto;
    padding: 20px;
}

.wrap main.bgMaintenance {
    background-image: url("../images/site/Manutencao.svg");
    min-height: 300px;
    background-size: auto 100%;
    background-position:center;
    background-repeat: no-repeat;
    display:flex;
    align-items:center;
    margin: 30px auto;
    padding: 30px;
}

.wrap main.bgCircle {
    background-image: url("../images/site/bg_transicao.jpg");
    min-height: 300px;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    flex-direction:column;
    display: flex;
    align-items: center;
    margin: 30px auto;
    padding: 30px;
}

h1 {
    font-size: 5em;
    margin: 0 auto;
    padding: 0;
    font-weight: 800;
    text-shadow: 3px 3px 2px #fff, -3px 3px 2px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff;
}

.wrap main.bgCircle h1 {
    font-size: 3em;
    font-weight: 800
}

.wrap main.bgCircle p {
    font-size: 2.8em;
    font-weight: 600;
    text-shadow: 3px 3px 0 #fff, -3px 3px 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff;
}



@media only screen and (min-width: 100px) and (max-width: 768px) {
    
    .wrap main {padding:0 !important}

    .logo {min-width:80%}

    h1 {font-size: 3em;}

    .wrap main.bgCircle h1 {font-size: 2.3em;}
    .wrap main.bgCircle p {
        font-size: 2.2em; }

}