#legend {
    height: 450px;
    background-color: #333;

    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url('../img/background.png'); 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.packages-legend {
    background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url('../img/bg/1.jpg') !important;  
}

.legend-middle {
    height: 380px !important;
}

    .legend-middle h1 {
        line-height: 380px !important;
    }

.legend-small {
    height: 150px !important;
}

    .legend-small h1 {
        line-height: 150px !important;
    }

    #legend h1,
    #legend p {
        color: #fff;
        text-align: center;
        font-weight: bold;
    }

    #legend h1.single {
        line-height: 450px;
        padding: 0px;
        margin: 0px;
    }

    #legend h1.single span.slim {
        font-weight: normal;
    }

    #legend h1 {
        color: #fff;
        font-size: 32px;
        padding: 0px;
        margin: 120px 0px 0px 0px;
        text-shadow: 1px 1px 1px #000, 3px 3px 5px rgba(255, 255, 255, .2); 
    }

    #legend p {
        color: #fff;
        font-size: 16px;
        padding: 30px 0px;
        margin: 0px;
    }



@media screen and (max-width: 768px)
{
    #legend h1.single {
        line-height: 40px !important;
        margin: 150px 0px 0px 0px;
    }

    .legend-small {
        height: 150px;
    }
    
    .legend-small h1 {
        line-height: 50px !important;
        padding: 0px;
        margin: 50px 0px 0px 0px !important;
    }
}