.backgroundText {
    position:fixed;

    left:5%;
    width:90%;

    background-image: url("../Images/TextContainer/mapaBG.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.textInner {
    width: 100%;
    position: fixed;
    overflow: auto;
    overflow-x:hidden;
}

.text {
    position: relative;
    overflow: hidden;
}

.textContent, .additionalInfo {
    text-align: justify;
}

.ImgContentFirst {
    padding-top: 0;
}

.ImgContent img {
    max-height: 40vh;
    filter: sepia(1);
    -webkit-filter: sepia(1);
    -moz-filter: sepia(1);
    -o-filter: sepia(1);
    -ms-filter: sepia(1);
}

.Line {
    border-top: 2px solid rgb(116, 103, 80);
    margin: 1em 0;
}

@media screen and (min-width: 1100px) {
    .backgroundText {
        top:33vh;
        height: 63vh;
    }

    .textInner {
        top: 33vh;
        height: 66vh;
        bottom: 3vh;
    }

    .text {
        width: 80vw;
        left: 10vw;
    }

    .textContent, .additionalInfo {
        font-size: 1.1vw;
    }

    .ImgContentRight {
        max-width: 50%;
        float: right;
        padding-left: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
        -webkit-transform: rotate(-6deg);
        -moz-transform: rotate(-6deg);
        -o-transform: rotate(-6deg);
        -ms-transform: rotate(-6deg);
        transform: rotate(-6deg);
    }

    .ImgContentLeft {
        max-width: 50%;
        float: left;
        padding-right: 50px;
        padding-top: 50px;
        padding-bottom: 50px;
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -o-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    .ImgContent img {
        max-width: 80%;
        margin-left: 10%;
        border: 10px solid rgb(127, 78, 30);
    }
}

@media screen and (max-width: 1099px) {
    .backgroundText {
        top:28vh;
        height: 71vh;
    }

    .textInner {
        padding-top: 5%;
        top:25vh;
        bottom:2vh;
        height: 73vh;
    }

    .text {
        width: 90vw;
        left: 5vw;
    }

    .ImgContent img {
        max-width: 100%;
        border: 6px solid rgb(127, 78, 30);
    }

    .ImgContentRight, .ImgContentLeft {
        text-align:center;
        width:100%;
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media screen and (min-width: 800px) and (max-width: 1099px) {
    .textContent, .additionalInfo {
        font-size: 2.2vw;
    }
}

@media screen and (max-width: 799px) {
    .textContent, .additionalInfo {
        font-size: 3.3vw;
    }
}