﻿main.container {
    max-width: 100%!important;
    padding: 0;
}

.home-image {    
    background-image: url("../img/setecidades.png");    
    height: 400px;    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;   
}

.home-text {
    height: calc(100% - 400px);
}

.text-container {
    display: table;
    min-height: 400px;
    background: rgba(0,0,0,0.4);    
}

.text-content-middle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

@media only screen and (max-width: 968px) {
    .section1,
    .text-container {
        min-height: 300px;
    }
}