main {
    background-image: url(../resources/Marinha/fundo.png);
    background-repeat: repeat-y;
    background-size: contain;
}

.blog_hero {
    background-image: url(../resources/Marinha/footer.png);
}

.marinha_intro {
    padding-top: 350px;

}

.title_image {
    position: absolute;
    left: 0;
    top: 0px;
    max-width: 100%;
}

.marinha_text {
    font-family: 'MyriadPro';
    font-size: calc(13px + 0.5vw);
    color: #FFFFFF;
    text-align: justify;
    padding: 10px 20px;
}

.icon_gif {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 60px;
}

.marinha_gif {
    width: inherit;
}

.marinha_body_image {
    width: 100%;
}


@media (max-width: 1230px) {

}

/* XL */
@media (min-width: 1171px) {

}

/* LG */
@media (max-width: 1170px) {
    
}

/* MD */
@media (max-width: 992px) {

}

/* SM */
@media (max-width: 768px) {
    
}

/* XS */
@media (max-width: 544px) {
    .title_image {
        top: 20px;
        max-width: 100%;
    }

    .marinha_intro {
        padding-top: 80px;
    }
}