/*---------------------------------------------------------------
# FULL WIDTH BLUE
# # This section includes a blue wave background image, that is
# # Positioned at the top of the content section. Additionally,
# # The width of the content is stretched to fit the entire 
# # Post container
---------------------------------------------------------------*/
.full-width-blue {
    background-image: url("../images/wave@2x.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (max-width: 767px) {
    .full-width-blue {
        padding: 30px;
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-top: 35vw;
    }
}

@media (min-width: 767px) {
    .full-width-blue {
        padding: 80px;
        margin-left: -80px !important;
        margin-right: -80px !important;
        padding-top: 260px;
    }
}

.full-width-blue ul {
    padding-left: 18px !important;
}

.full-width-blue ul li {
    color: white !important;
    font-size: 17px !important;
}

/*---------------------------------------------------------------
# TECTONAUT COLUMN
---------------------------------------------------------------*/

@media (max-width: 767px) {
    .tectonaut-column {
        display: block !important;
    }

    .tectonaut-column img {
        margin: 0 auto;
    }
}

@media (min-width: 767px) {
    .tectonaut-column .wp-block-column:not(:first-child) {
        margin-left: 40px;
    }
}

@media (max-width: 767px) {
    .tectonaut-column .wp-block-column {
        margin: 0 !important;
    }
}

@media (min-width: 600px) and (max-width: 781px) {
    .wp-block-column:nth-child(2n) {
        margin-left: 0 !important;
    }
}