@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap');

html, body {
    min-height: 100vh;
}

body {
    margin: 0;
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 0;
    background: url(imgs/fundo.jpg) center no-repeat;
    background-size: cover;
    color: #000;
}

a, a:link, a:visited, a:hover, a:active {
    border: none;
    outline: 0;
    text-transform: none;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.section-global {   
    background: url(imgs/lapis.png) no-repeat bottom left;
    min-height: 100vh;
}

.row-one {
    width: 100%;
    display: flex;
    justify-content: space-around;        
}

.colunn-one {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 50%;
    height: 70vh;
    background: url(imgs/bem-vindo.png) no-repeat center bottom;
    background-size: 617px;
}

.colunn-two {
    background: url(imgs/foguete.png) no-repeat top right;
    display: flex;
    justify-content: center;
    align-items: flex-end; 
    width: 50%;
    height: 70vh;
    text-align: center;
}

.largada-2025 {
    background: url(imgs/largada.png) no-repeat center top;
    background-size: 305px;
    min-height: 45vh;
}

.colunn-two p {
    width: 484px;
    color: #fff;
    padding: 230px 0 15px;
    font-size: 14px;
}

.buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly
}

.buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.button.button-small {
    font-size: 12px;
    margin-bottom: 50px;
}

.button.button-small .button-holder {
    padding: 7px 11px;
    text-transform: none;
}

.button-holder {
    background: #ffbf00;
    color: #334d60;
    text-transform: uppercase;
    padding: 10px 45px;
    font-weight: 700;
}

.button-holder:hover {
    opacity: .9;
}

.row-two {
    display: flex;
    justify-content: space-around;   
}

.row-two .buttons {
    width: 50%;
    height: 30vh;
    justify-content: center;
    align-items: flex-end;  
    font-family: "Source Sans 3", serif;
}

.setenta-anos{
    width: 50%;
    height: 30vh;    
    background: url(imgs/assinatura.png) no-repeat center bottom;
    background-size: 765px;
}

@media (max-width: 1440px) {
    .colunn-one {
        background-size: 515px;
    }
    .colunn-two {
        background-size: 235px;
    }
    .setenta-anos {
        background-size: 540px;
    }
    .colunn-two {    
        background-size: 180px;
    }
    .section-global {   
        background-size: 125px;
    }
}

@media (max-width: 990px) {
    body {  
        background: url(imgs/fundo-mob.jpg) center no-repeat;   
        background-size: cover; 
    }
    .section-global {
        background: url(imgs/lapis-mob.png) no-repeat bottom left;
    }
    .row-one {
        flex-direction: column;        
    }

    .row-two {
        flex-direction: column;
        margin-top: 45px;
    }
    .row-two .buttons {
        height: 20vh;
    }

    .row-one {
        background: url(imgs/foguete-mob.png) no-repeat top right;
        background-size: 104px;
    }

    .colunn-one, .colunn-two, .row-two .buttons, .setenta-anos {
        width: 100%;      
    }

    .colunn-one {
        background: url(imgs/bem-vindo-mob.svg) no-repeat center bottom;  
        height: 38vh;
        background-size: 265px;   
    }
    .colunn-two {
        background: none;
        height: auto;
    }

    .largada-2025 {     
        background: url(imgs/largada-mob.svg) no-repeat center 66px;
        background-size: 130px;
    }

    .colunn-two p {
        width: 260px;
        padding: 190px 20px 15px;
        display: block;
        margin: 0 auto;
    }
    
    .buttons {
        gap: 10px;
        margin: 15px 0;
    }

    .button-holder {      
        padding: 8px 30px;    
        font-size: 13px;
    }

    .button.button-small {       
        margin-bottom: 0px;
    }
    .setenta-anos {
        background: url(imgs/assinatura-mob.svg) no-repeat bottom center;
        height: 16vh;
    }
}