.textOnImage {
    text-align: left;
    background-color: black;
    color:white;
    padding-top: 3%;
    padding-bottom: 3%;
    background-position: center;
    background-size: cover;

    font-family: GloberLight, sans-serif;


    /* Special */
    display:flex;
    align-items: center;
    justify-content: center;

}

.dummy-prop{
    float:right;
    width:0px;
    padding-bottom: 40%;
}

.cleanup{
    float:left;
    clear:both;
}

.textOnImage.black, .textOnImage.black h1{
    color:black;
}

.textOnImage.black{
    background-color:white;
}

.textOnImage.center{
    text-align: center;
}

.textOnImage.right{
    text-align: right;
}
.textOnImage .container{
     transition:1s;
}


.textOnImage br {
    content: ' ';
}

.textOnImage br.always {
    content: initial;
}

.textOnImage br.small{
    content: initial;
}

.textOnImage br:after {
    content: ' ';
}

.textOnImage p{
    font-size: 1.2em;

}

.textOnImage h1{
    color:#fff;
    font-size: 1.6em;


}

.textOnImage h3{
    margin-top:1.5em;
    margin-bottom:.5em;
}

.textOnImage .container:hover {
    -webkit-transform: translate(.1%,-.1%);
    transform: translate(.1%,-.1%);
}

@media (min-width:650px)
{
    .textOnImage br.small{
        content: ' ';
    }

    .textOnImage br {
        content: initial;
    }

    .textOnImage br:after {
        content: none;
    }

    .textOnImage h1{
        font-size: 5vw;
    }
}
@media (min-width:700px)
{

    .textOnImage p{
        font-size:1.3em;
    }


}
@media (min-width:900px)
{
    .textOnImage p{
        font-size: 1.6em;
    }

    .textOnImage {
        padding-top:
    }

}

@media (min-width:1053px)
{
    .textOnImage h1{
        font-size:50px;
    }
}