.justified_text{
    text-align: justify;
}

.centered_left_text{
    text-align: left;
}

.centered_right_text{
    text-align: right;
}

.grey_soft_background{
    background-color: rgb(242, 242, 242);
}

.pink_soft_background{
    background-color: rgb(251, 208, 206);
}

.pink_hard_background{
    background-color: rgb(240, 90, 102);
}

.big_text2 {
    font-size: 50px !important;
}
.big_text3 {
    font-size: 35px !important;
}
.rombo {
     width: 300px; 
     height: 300px; 
     border: 6px solid black; 
     background: transparent;
     position: absolute !important;
     left: 40% !important;
     top: 50% !important;
     -webkit-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -moz-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -ms-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -o-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
}
.rombo-letra {
     position: absolute !important;
     left: 50%;
     top: 20%;
     -webkit-transform: rotate(-45deg) translate(-50%, -50%);
     -moz-transform: rotate(-45deg) translate(-50%, -50%);
     -ms-transform: rotate(-45deg) translate(-50%, -50%);
     -o-transform: rotate(-45deg) translate(-50%, -50%);
     transform: rotate(-45deg) translate(-50%, -50%);
     color: black;
}
.rombo-h1 {
     left: 40% !important;
}
.letra-escalones {
    font-size: 20px !important;
}
.mayusculas {
    text-transform: uppercase;
}

@media (max-width: 960px) {
    .big_text2 {
        font-size: 35px !important;
    }
}
@media (min-width: 240px) and (max-width: 400px) {
    .rombo {
     width: 150px; 
     height: 150px; 
     border: 6px solid black; 
     background: transparent;
     position: absolute !important;
     left: 25% !important;
     top: 50% !important;
     -webkit-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -moz-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -ms-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -o-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
    }
    .rombo-letra {
         position: absolute !important;
         left: 50%;
         top: 15%;
         -webkit-transform: rotate(-45deg) translate(-50%, -50%);
         -moz-transform: rotate(-45deg) translate(-50%, -50%);
         -ms-transform: rotate(-45deg) translate(-50%, -50%);
         -o-transform: rotate(-45deg) translate(-50%, -50%);
         transform: rotate(-45deg) translate(-50%, -50%);
         color: black;
    }
    .rombo-h1 {
         left: 40% !important;
    }
    .big_text2 {
        font-size: 25px !important;
    }
    .big_text3 {
        font-size: 25px !important;
    }
    .responsive_title {
        font-size: 15px !important;
    }
    .responsive_title span {
        font-size: 10px !important;
    }
}
@media (min-width: 401px) and (max-width: 580px) {
    .rombo {
     width: 200px; 
     height: 200px; 
     border: 6px solid black; 
     background: transparent;
     position: absolute !important;
     left: 30% !important;
     top: 50% !important;
     -webkit-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -moz-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -ms-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -o-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
    }
    .rombo-letra {
         position: absolute !important;
         left: 50%;
         top: 15%;
         -webkit-transform: rotate(-45deg) translate(-50%, -50%);
         -moz-transform: rotate(-45deg) translate(-50%, -50%);
         -ms-transform: rotate(-45deg) translate(-50%, -50%);
         -o-transform: rotate(-45deg) translate(-50%, -50%);
         transform: rotate(-45deg) translate(-50%, -50%);
         color: black;
    }
    .rombo-h1 {
         left: 40% !important;
    }
    .big_text2 {
        font-size: 35px !important;
    }
}
@media (min-width: 581px) and (max-width: 960px) {
    .rombo {
     width: 250px; 
     height: 250px; 
     border: 6px solid black; 
     background: transparent;
     position: absolute !important;
     left: 35% !important;
     top: 50% !important;
     -webkit-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -moz-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -ms-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     -o-transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
     transform: rotate(45deg) skew(-15deg, -15deg) translate(-50%, -50%);
    }
    .rombo-letra {
         position: absolute !important;
         left: 50%;
         top: 25%;
         -webkit-transform: rotate(-45deg) translate(-50%, -50%);
         -moz-transform: rotate(-45deg) translate(-50%, -50%);
         -ms-transform: rotate(-45deg) translate(-50%, -50%);
         -o-transform: rotate(-45deg) translate(-50%, -50%);
         transform: rotate(-45deg) translate(-50%, -50%);
         color: black;
    }
    .rombo-h1 {
         left: 40% !important;
    }
    .big_text2 {
        font-size: 40px !important;
    }
}