/* Font Face */
@font-face {
    font-family: 'ubuntubold';
    src: url('ubuntu/ubuntu-b_0-webfont.woff2') format('woff2'),
         url('ubuntu/ubuntu-b_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntubold_italic';
    src: url('ubuntu/ubuntu-bi_0-webfont.woff2') format('woff2'),
         url('ubuntu/ubuntu-bi_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntuitalic';
    src: url('ubuntu/ubuntu-i_0-webfont.woff2') format('woff2'),
         url('ubuntu/ubuntu-i_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url('ubuntu/ubuntu-r_0-webfont.woff2') format('woff2'),
         url('ubuntu/ubuntu-r_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.quem-somos {
    background-color: #15C7CB;
}
.quem-somos .title{
    font-family: 'ubuntubold', Arial, Helvetica, sans-serif;
    color: #162b47;
    font-size: 30px;
    margin-bottom: 50px;

}

.quem-somos.primeiro .title{
    color: aliceblue;

}


.quem-somos .lista > div{
    text-align: center;
}

.quem-somos  > div > div > span{
    color: #162b47;
    text-align: left;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 0px) and (max-width: 991.98px) {

    .quem-somos .title{
        font-size: 30px;
        margin-bottom: 30px ;
        padding-top: 30px;

    }

    .quem-somos img{
        margin: 20px 0;
    }
    .descricao {
        text-align: center;
        font-weight: normal !important;
        padding: 8%;
        padding-bottom: 25% !important;
    }
}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {

    #video-cejam {
        height: 20vh;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 991.98px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .quem-somos{
        padding: 50px 0;
        min-height: 70vh;
    }
    .quem-somos.item{
        background-color: #162b47;

    }
    .quem-somos.item p{
        color: #fff;
    }


    .quem-somos > .row > div{
        padding: 30px 0 20px;
        text-align: center;
    }
    .quem-somos img{
        margin-bottom: 20px;
        transition: 0.8s ease-out;
    }
    .quem-somos img:hover{
        transform: scale(0.8);
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Ultra large devices (large desktops, 1600px) */
@media (min-width: 1600px) {

    .quem-somos img:hover{
        transform: scale(1.1);
    }

}