/*  Extra small devices (portrait phones, less than 544px) No media query since this is the default in Bootstrap because it is "mobile first" */
.titulo {
    font-family: 'Roboto', 'Maven Pro', sans-serif;
    font-size: 0.9rem; /*1rem = 16px*/
    font-weight: bold;
    font-style: italic;
    color: rgb(00, 161, 233);
}
.hometitulo {
    font-family: 'Roboto', 'Maven Pro', sans-serif;
    font-size: 1rem; /*1rem = 16px*/
    font-weight: bold;
    font-style: italic;
    color: rgb(59, 59, 59);
}
.copeti {
    font-family: 'Roboto', 'Maven Pro', sans-serif;
    font-size: 0.6rem;
    font-weight: 400;
    color: rgb(90, 90, 91);
    display: block;
}
.marco {
    font-family: 'Roboto', 'Maven Pro', sans-serif;
    font-size: 0.6rem;
    font-weight: 400;
    color: rgb(90, 90, 91);
}
.linky {
    font-family: 'Roboto', 'Maven Pro', sans-serif;
    font-size: 0.6rem;
    font-weight: bold;
    font-style: italic;
    color: rgb(90, 90, 91);
    text-decoration-line: none;
}

.linkychicos {
    font-family: 'Roboto', 'Maven Pro', sans-serif;
    font-size: 0.6rem;
    font-weight: bold;
    font-style: italic;
    color: rgb(59, 59, 59);
    text-decoration-line: none;
}

a:hover{
    text-decoration-line: none;
    color: rgb(90, 90, 91);
}

h1 { font-size: 1.2rem; }
h3 { font-size: 0.8rem; }

/* #############  M E D I A  Q U E R I E S  ############# */
@media (min-width: 332px) { 
    .titulo{ font-size: 1.1rem; }
    .hometitulo{ font-size: 1.2rem; }
    .copeti{ font-size: 0.7rem; display: none; }
    .marco{ font-size: 0.7rem; }
    .linky{ font-size: 0.7rem; }
    h1{ font-size: 1.5rem; }
    .linkychicos { font-size: 0.6rem; }
    h3 { font-size: 1rem; }
}
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
    .titulo{ font-size: 1.2rem; }
    .hometitulo{ font-size: 1.3rem; }
    .copeti{ font-size: 0.8rem; display: block; }
    .marco{ font-size: 0.8rem; }
    .linky{ font-size: 0.8rem; }
    h1{ font-size: 2rem; }
    .linkychicos { font-size: 0.7rem; }
    h3 { font-size: 1.2rem; }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  
    .titulo{ font-size: 1.5rem; }
    .hometitulo{ font-size: 1.6rem; }
    .copeti{ font-size: 1.1rem; display: block; }
    .marco{ font-size: 1.1rem; }
    .linky{ font-size: 1.1rem; }
    h1{ font-size: 2.2rem; }
    .linkychicos { font-size: 0.6rem; }
    h3 { font-size: 1.4rem; }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .titulo{ font-size: 1.8rem; }
    .hometitulo{ font-size: 1.9rem; }
    .copeti{ font-size: 1.3rem; display: block; }
    .marco{ font-size: 1.3rem; }
    .linky{ font-size: 1.3rem; }
    .linkychicos { font-size: 0.8rem; }
    h1 { font-size: 2.3rem; /* tamaño original */}
    h3 { font-size: 1.5rem; }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    .titulo{ font-size: 2rem; }
    .hometitulo{ font-size: 2.1rem; }
    .copeti{ font-size: 1.5rem; display: block; }
    .marco{ font-size: 1.5rem; }
    .linky{ font-size: 1.5rem; }
    .linkychicos { font-size: 1rem; }
    h1 { font-size: 2.5rem; /* tamaño original */}
    h3 { font-size: 1.8rem; /* tamaño original */}
}