.image-intro{
    top: 50%;
    left: 50%;
    z-index: -100;
    width: 50%;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.text-post-head{
    letter-spacing: 10px;
    font-size:40px;
    color:white;
    padding:0px 10px 0px 15px;
    border:solid 4px white;
}





@media only screen and (max-width: 768px){

    .image-intro{
        top: 50%;
        left: 50%;
        z-index: -100;
        width: auto;
        min-width: 100%;
        height: 100%;
        min-height: 100%;
        -webkit-transition: 1s opacity;
        transition: 1s opacity;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

}


@media only screen and (max-width: 576px){

    .text-post-head{
        letter-spacing: 0.13em;
        font-size:18px;
        border:solid 2px white;
    }

}