*{
    margin: 0;
    padding: 0;
    border: 0;
}

body{
    font-family: 'Poppins', sans-serif;
}

a{
    color: #fefefe;
    text-decoration: none;
}

h1,h2,h3{
    font-weight: 500;
}

/* EMPIEZA LA PERSONALIZACIÓN DE "WELCOME TO SECTION" */

.mainwrapper{
    background-image: url(../media/diegotrigal.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.title-main{
    font-size: 8vw;
    font-weight: 700;
    margin-right: -30px;
}

.start-here a{
    height: 60px;
    color: #fefefe;
    transition: color 950ms ease;
}

.start-here a:hover{
    color: #E0B47B ;
}

.super-strong{
    font-weight: 900;
    font-size: 8vw;
    color: #1b1b1b;
}
/* TERMINA LA PERSONALIZACIÓN DE "WELCOME TO SECTION" */

/* ***************************************************
****************************************************** 
*************************************************** */


/* EMPIEZA LA PERSONALIZACIÓN DE SELECCIÓN DE CIUDAD */

.full-height{
    height: 100vh;
}

.text-cities a{
    text-decoration: none;
    font-size: 8vw;
    color: #fefefe;
}

.text-pdc,
.text-mid,
.text-tul{
    text-transform: uppercase;
    font-weight: 700;
    width: 100vw;
}

.text-tul{
    padding-top: 95%;
}

.city-pdc a{
    background-image: url(../media/pdc.jpg);
    background-color: #1b1b1b;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    height: 100vh;
    text-align: right;
}

.city-pdc a:hover{
    background-image: url(../media/pdc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-clip: unset;
    color: #1b1b1b;

}

.city-mid a{
    background-image: url(../media/msc.jpg);
    background-color: #1b1b1b;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    height: 100vh;
    text-align: right;
}

.city-mid a:hover{
    background-image: url(../media/msc.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-clip: unset;
    color: #1b1b1b;

}
.city-tul a{
    background-image: url(../media/pht.jpg);
    background-color: #1b1b1b;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    height: 100vh;
    text-align: right;
}

.city-tul a:hover{
    background-image: url(../media/pht.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-clip: unset;
    color: #f0e0e0;

}

/* TERMINA LA PERSONALIZACIÓN DE SELECCIÓN DE CIUDAD */

/* ***************************************************
****************************************************** 
*************************************************** */


/* EMPIEZA LA PERSONALIZACIÓN DE LAS CIUDADES */

.city-header{
    background-color: red;
    height: 40vh;
}



.city-content{
    background-color: purple;
    height: 60vh;

}

.bg-city-pdc{
    background-image: url(../media/pdc.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


#navegacion-interna{
    height: 80px;
}

.intern-menu-items a{
    text-transform: uppercase;
    font-size: 1vw;
    color: #fefefe;
    transition: color 950ms ease;
}

.intern-menu-items a:hover{
    color: #E0B47B ;
}


/* TERMINA LA PERSONALIZACIÓN DE LAS CIUDADES */

/* ***************************************************
****************************************************** 
*************************************************** */


.t1{
    background-color: beige;
    
}

.t2{
    background-color: aquamarine;
}

.t3{
    background-color: red;
}

.t4{
    background-color: purple;
}

.t5{
    background-color: greenyellow;
}

.text-tul{
    padding-top: -75%;
}