#info {
    padding-top: 10px;
}

#info article {
    text-align: justify;
    line-height: 25px;
}

#info p {
    border-left: 10px solid #5fa903;
    padding: 10px;
}

#quemsomos {
    font-weight: bold;
}

#missao p {
    margin: 15px auto;
}

#missao .bold {
    font-weight: bold;
    display: block;
    font-size: 18px;
}

.thumb-screen {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 113px;
    background: #1e3663 center center no-repeat;
    z-index: 0;
    opacity: 0;
    transition: opacity .5s ease;
}

/*---- Media Queries ----*/
@media only screen and (max-width: 480px) {
    /* Smartphone view: 1 tile */
    .box {
        width: 100%;
        padding-bottom: 100%;
    }
}

@media only screen and (max-width: 650px) and (min-width: 481px) {
    /* Tablet view: 2 tiles */
    .box {
        width: 50%;
        padding-bottom: 50%;
    }
}

@media only screen and (max-width: 1050px) and (min-width: 651px) {
    /* Small desktop / ipad view: 3 tiles */
    .box {
        width: 33.3%;
        padding-bottom: 33.3%;
    }
}

@media only screen and (max-width: 1290px) and (min-width: 1051px) {
    /* Medium desktop: 4 tiles */
    .box {
        width: 25%;
        padding-bottom: 25%;
    }
}