@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800&display=swap');

:root{
 --vermelho: #ff0000;
 --azul-socic: #1C145C;
 --btn-vermelho: #a81010;
 --preto-grafite: #343434;
 --box-blue: #14255C;
 --bg-footer: #1C145C;
 --gutter: 20px;
}
.row-flex {
    display: flex;
    flex-wrap: wrap;
}
.blog{

        height: 100%;
       
      
}
a{
    color: var(--preto-grafite);
    text-decoration: none;
}
h1{
    font-weight: 700;
}
html {
    height: 100%;
    min-height: 100%;
}
body{
    background: #F4F6F4;
    font-family: 'Montserrat', sans-serif;
    flex-direction: column;
    min-height: 100%;
    display: flex;
}
.btn-socic{
    background: var(--azul-socic);
    color: white!important;
}
.link {
    display: inline-block;
    position: relative;
    text-decoration: none;
}
button.btn-contato{
    background: var(--box-blue);
    color: white!important;
}
h1.title-head{
    color: #099b3e;
    font-size: 3rem;
}
h2.title-head{
    font-family: 'Montserrat', sans-serif;
    color: #099b3e;
    font-size: 2.5rem;
    font-weight: 700;
}
p.cta-negociacoes{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.5rem;
}
.head{
    position: relative; top: -158px;
}
section.quem-somos{
    padding-bottom: 6%;
}
section.links{
    background-color: #F5F5F5;
    padding: 5% 0;
}
section.links .box-blue{
    background-color: var(--box-blue);
    color: white;
}
section.links .box-blue .box-container{
    padding: 39% 12% 10% 12%
}
section.links .box-blue .box-container .title-1{
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: -9px;
}
section.links .box-blue .box-container .title-2{
    font-weight: 700;
    font-size: 1.4rem;
}
section.empresas{
    padding: 6% 0;
}
footer{

}

@media (min-width: 240px) and (max-width: 575.9px) {
    .head{
        position: unset;
    }
    h1.title-head {
        color: #099b3e;
        font-size: 2rem;
    }
    h2.title-head { 
        font-size: 1.5rem;
        padding-top: 1rem;
    }
    p.cta-negociacoes {
        font-size: 1rem;
    }
    .navbar-brand{
        width: 70%;
    }
    .navbar-brand img{
        width: 70%;
    }
    section.links .box-blue {
        background-color: var(--box-blue);
        color: white;
        margin: 2%;
    }
}