.titleSpace {
    background-image: url("../images/magnifierSmall.45c26b214108.png");
    margin-top: -20px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 22% auto;
    background-color: transparent;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    z-index: 25;
    height: 20rem;
}

.textSpace {
    background-color: white;
    filter: drop-shadow(0px 35px 15px rgb(172, 172, 172));
    position: relative;
    margin-top: -5rem;
    padding-left: 0;
    padding-right: 0;
    z-index: 10;
}

.rowResult {
    margin-left: 19%;
    margin-right: 19%;
}

.noUnderline {
    font-family: reeyregular;
    font-size: 39pt;
    color: #eb695cff;
    margin-top: 6rem;
    margin-bottom: 5rem;
    margin-left: -80px;
}

.bgPros {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 2px 35px 7px 15px;
    color: white;
    font-weight: 600;
    margin-top: 3rem;
}

.petrol {
    background-image: url("../images/prosPetrol.2cc3ba7fecf9.png");
}
.green {
    background-image: url("../images/prosGreen.eaa423adbe5b.png");
}
.yellow {
    background-image: url("../images/prosYellow.e01c1b5796f2.png");
}
.purple {
    background-image: url("../images/prosPurple.000e5835de37.png");
}
.blue {
    background-image: url("../images/prosBlue.ac1ac81d73f8.png");
}

h3 {
    margin-top: 3rem;
}

.rich-text p {
    text-align: justify;
    font-size: 1.3em;
}

.card-body {
    padding: 2.5%;
}

.emptySpaceText {
    height: 10rem;
}

.bg {
    background-image: url("../images/bgFooter.45661d286b8c.png"), url("../images/bgBlue.676a92afab01.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: 1;
}

.bg-spain {
    background-image: url("../images/bgFooterSpain.0eb06b957a24.png"), url("../images/bgBlue.676a92afab01.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
}

.emptySpace {
    height: 35rem;
}

@media screen and (max-width: 1500px) {
    .titleSpace {
        height: 20vw;
    }
    .textSpace {
        margin-top: -5vw;
    }  
    .noUnderline {
        margin-top: 6vw;
        margin-bottom: 5vw;
    }
    .bgPros {
        margin-top: 3vw;
    }
    h3 {
        margin-top: 3vw;
    }
    .emptySpaceText {
        height: 10vw;
    }
    .emptySpace {
        height: 35vw;
    }
}

@media screen and (max-width: 1200px) {
    .titleSpace {
        margin-top: 0vw;
        background-size: 30% auto;
        height: 28vw;
    }
    .rowResult {
        margin-left: 12%;
        margin-right: 12%;
    }
    .noUnderline {
        font-size: 34pt;
        margin-left: 6vw;
        margin-top: 8vw;
    }
    h3 {
        font-size: 19pt;
    }
}

@media screen and (max-width: 800px) {
    .noUnderline {
        font-size: 20pt;
        margin-left: 0vw;
        margin-top: 10vw;
        margin-bottom: 12vw;
    }
    h3 {
        font-size: 15pt;
    }
    .rich-text p {
        font-size: 1em;
    }
}