:root {
    /* Color */
    --white-color: rgb(255,255,255);
    --dark-color: rgb(0,0,0);
    --pri-color: rgb(249, 206, 7);
    --sec-color: rgb(252, 16, 104);
    --ter-color: #1f0441;
    --qua-color: #fcab10;
    --qui-color: #0ce3e8;

    /* font */
    --font-size-s: .45rem;
    --font-size-n: .9rem;
    --font-size-m: 1.12rem;
    --font-size-l: 1.5rem;
    --font-size-xl: 2rem;
    --font-size-xxl: 2.3rem;
    --font-size-xxxl: 4.7rem;

    /* font-weight */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /*border radius */
    --border-radius-s: 8px;
    --border-radius-m: 30px;
    --border-radius-circle: 50%;

    /* site max */
    --site-max-width: 100%;
}

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

#sec-home {
    background-image: url('../img/back.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center 10%;
    width: 100%;
    margin: 0;
    /* padding: 0; */
    padding-top: 80px;
    padding-bottom: 80px;
}

#box2 {
    margin-top: 0px;
    max-width: 100%;
    padding: 20px;
}
  
#box2 .container {
    display: flex;             
    flex-wrap: wrap;            
    margin: 0 auto;
}
  
#box2 .texto-frente {
    max-width: 50%;                 
    padding: 20px;             
    text-align: left;          
    box-sizing: border-box;    
}
  
.texto-frente h2 {
    font-size: var(--font-size-xxxl);       
    /* font-size: 4rem; */
    margin: 0 0 15px 0;         
}
  
#box2 .texto-frente p {
    font-size: var(--font-size-l);
    width: 550px;
    margin: 0 0 20px 0;   
    align-items: center;     
}
  
.font {
    font-weight: bold;          
    font-family: 'False';
    color: #f9ce07;
}
  
#box2 .texto-frente a {
    text-decoration: none;
}
  
@media (max-width: 1100px) and (orientation: portrait) {
    #box2 .container {
        flex-direction: column;
        margin-top: 180px;  
    }

    #box2 .texto-frente p {
        font-size: var(--font-size-l);
        font-weight: bold;
    }

    #box2 .texto-frente h2 {
        font-size: 6rem;            
        margin: 0 0 15px 0;         
    }

    #box2 .texto-frente {
        max-width: 100%;
        text-align: left;          
        box-sizing: border-box;
    }

    #sec-home {
        background-image: url('../img/back.jpg');
        background-size: 400%;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
    }
}

@media (max-width: 850px) {
    #box2 .imagem-frente img {
        display: none;
    }
}

@media (max-width: 1100px) and (orientation: landscape) {
    #box2 .container {
        flex-direction: column;
        margin-top: 50px;  
    }

    #sec-home {
        background-image: url('../img/back.jpg');
        background-size: 200%;
        background-repeat: no-repeat;
        margin: 0;
        padding: 0;
    }

    #box2 .texto-frente p {
        font-size: 2rem;
        font-weight: bold;
        width: 200%;
    }

    #box2 .texto-frente h2 {
        font-size: 3rem;            
        margin: 0 0 15px 0;         
    }

}