@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');


*{
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
}

.light-text {
    color: #14213dc4;
}

.primary-text {
    color: #14213D;
}

.logo {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 180px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.container__text{
    padding-bottom: 100px;
    padding: 50px 600px;
}

.title{
    margin-left: -200px;
    font-weight: 900;
    font-size: 30px;
}

.line{
    margin-left: -200px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.subtitle1{
    font-size: 15px;
    margin-bottom: 50px;
}

.text1{
    line-height: 180%;
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 50px;
}


.subtitle2{
    margin-bottom: 50px;
}

.text2{
    line-height: 180%;
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 50px;
}

.subtitle3{
    margin-bottom: 50px;
}

.text3{
    line-height: 180%;
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 50px;
}

.subtitle4{
    margin-bottom: 50px;
}

.text4{
    line-height: 180%;
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 50px;
}

.subtitle5{
    margin-bottom: 50px;
}

.text5{
    line-height: 180%;
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 50px;
}

.subtitle6{
    margin-bottom: 50px;
}

.text6{
    line-height: 180%;
    font-weight: 100;
    font-size: 20px;
    margin-bottom: 50px;
}

@media screen and ( max-width: 720px){

    .container__text{
        padding-bottom: 100px;
        padding: 50px 220px;
    }

    .title{
        display: none;
        margin-left: -200px;
        font-weight: 900;
        font-size: 15px;
    }
    
    .line{
        display: none;
        width: 100%;
        margin-left: -200px;
        margin-top: 50px;
        margin-bottom: 100px;
    }
    
    .subtitle1{
        margin-right: -100px;
        margin-left: -160px;
        font-size: 15px;
        margin-bottom: 50px;
    }
    
    .text1{
        line-height: 150%;
        font-weight: 100;
        font-size: 15px;
        margin-bottom: 50px;
        margin-left: -160px;
        margin-right: -100px;
    }
    
    
    .subtitle2{
        margin-right: -100px;
        margin-left: -160px;
        font-size: 15px;
        margin-bottom: 50px;
    }
    
    .text2{
        line-height: 150%;
        font-weight: 100;
        font-size: 15px;
        margin-bottom: 50px;
        margin-left: -160px;
        margin-right: -100px;
    }
    
    .subtitle3{
        margin-right: -100px;
        margin-left: -160px;
        font-size: 15px;
        margin-bottom: 50px;
    }
    
    .text3{
        line-height: 150%;
        font-weight: 100;
        font-size: 15px;
        margin-bottom: 50px;
        margin-left: -160px;
        margin-right: -100px;
    }
    
    .subtitle4{
        margin-right: -100px;
        margin-left: -160px;
        font-size: 15px;
        margin-bottom: 50px;
    }
    
    .text4{
        line-height: 150%;
        font-weight: 100;
        font-size: 15px;
        margin-bottom: 50px;
        margin-left: -160px;
        margin-right: -100px;
    }
    
    .subtitle5{
        margin-right: -100px;
        margin-left: -160px;
        font-size: 15px;
        margin-bottom: 50px;
    }
    
    .text5{
        line-height: 150%;
        font-weight: 100;
        font-size: 15px;
        margin-bottom: 50px;
        margin-left: -160px;
        margin-right: -100px;
    }
    
    .subtitle6{
        margin-right: -100px;
        margin-left: -160px;
        font-size: 15px;
        margin-bottom: 50px;
    }
    
    .text6{
        line-height: 150%;
        font-weight: 100;
        font-size: 15px;
        margin-bottom: 50px;
        margin-left: -160px;
        margin-right: -100px;
    }
}