@font-face{
    font-family: Poppins-Regular;
    src: url('../assets/font/Poppins-Regular.ttf');        
}

@font-face{
    font-family: Poppins-Thin;
    src: url('../assets/font/Poppins-Light.ttf');        
}

@font-face{
    font-family: Poppins-Bold;
    src: url('../assets/font/Poppins-Bold.ttf');        
}

body {
    height: 100vh;
}

.container {
    font-family: Poppins-Regular;
}

#banner-side {
    background-color: #1151CC;
    min-width: calc(100vw - 20px);
    border-radius: 5px 5px 0 0;
}

#form-side {
    min-width: calc(100vw - 20px);
    border-radius: 0 0 5px 5px; 
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

h3 {
    font-family: Poppins-Bold;
}

#btn-baixar-agora {
    background-color: #E76B09;
    height: 58px;
    font-family: Poppins-Bold;
}

span {
    color: #E76B09;
}

@media (min-width: 575px) {
    .container {
        margin-top: 0;
    }

    #banner-side {
        min-width: auto;
        border-radius: 5px 0px 0px 5px;
    }
    
    #form-side {
        min-width: auto; 
        border-radius: 0px 5px 5px 0px; 
        border-bottom: 1px solid #000000;
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
        border-left: none;
    }
}

@media (min-width: 768px) {
    

    .row {
        max-width: 720px;
    }
}