* {
    margin: 0;
    padding-bottom: 0;
}

.botonregreso {
    background-color: #00FFAF;
    border-radius: 20px;

}

.botonregreso a {
    text-decoration: none;
    color: black;
}

h1 {
    font-family: 'Anton', sans-serif;
    font-size: 60px;
}

h2 {
    font-family: 'Anton', sans-serif;
    font-size: 45px;
}

h3 {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
}

p {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
}

a {
    text-decoration: none;
}

.iconosredes i {
    color: black;
    font-size: 30px;
    margin: 0 18px;
    align-self: center;
    display: inline;
    text-align: center;
}

a.redes {
    text-decoration: none;
}

.col-12.col-md-5.redescol {
    text-align: center;
}

.textohead {
    background-color: #1b1b1b;
    color: #CBFC02;
}

a.textcomienza{
    color: black;
}




/* Aquí inicia la parte del home*/
/* Aquí inicia la parte del home*/
nav.navbar.navbar-expand-lg {
    background-color: #1b1b1b;
    text-align: center;

}


.nav-link {
    color: white;
}

.nav-link.green {
    color: #00FFAF;
    border: solid #00FFAF 2px;
    border-radius: 20px;
}


.navbar-collapse {
    flex-grow: 0;
}

@media (max-width: 768px) {
    li.nav-item.px-2.botonverde {
        margin: 0 30%;
    }

    li.nav-item.px-2.botonverde {
        padding-bottom: 25px;
    }

}

@media (max-width: 576px) {
    li.nav-item.px-2.botonverde {
        margin: 0px 20%;
    }    

    li.nav-item.px-2.botonverde {
        padding-bottom: 25px;
    }
    
}

@media (max-width: 820px) {
    li.nav-item.px-2.botonverde {
        margin: 0px 20%;
    }    

    li.nav-item.px-2.botonverde {
        padding-bottom: 25px;
    }

   
    
}

.trabajamos {
    background-color: #1b1b1b;
    color: white;
}

.trabajamos h2 {
    color: #CBFC02;
}

.proyectos {
    background-color: #1b1b1b;
}

.proyectos h1 {
    color: #CBFC02;
}

.beneficios {
    background-color: #1b1b1b;
}

.beneficios h2 {
    color: #CBFC02;
}

.beneficios h3 {
    color: white;
}

.beneficios p {
    color: white;
}

.col-auto.col-md-12.col-lg-4.morada {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .row.imagenmorada {
        display: flex;
        flex-direction: column;}
}

@media (max-width: 1000px) {
    .row.imagenmorada {
        display: flex;
        flex-direction: column;}
}


.col-auto.col-md-auto.col-lg-4.morada.justify-content-center {
    text-align: center;
}

footer {
    background-color: #00FFAF;
    color: black;
   
}



@media (max-width: 576px) {
    a.textcomienza {
        display: flex;
        justify-content: center;
    }
}

.row.lineatres {
    display: flex;
    align-items: flex-end;
}


.col-8.col-md-4.col-lg-3.comienzafoo {
    border: solid black 2px;
    border-radius: 20px;
    padding: 9px 3%;
}

p.botonfoo {
    display: contents;
}

@media (max-width: 768px) {
    .col-6.col-md-4.pt-4.numeros {
        text-align: center;
    }

}

@media (max-width: 576px) {
    .container.py-5.trabajemos {
        text-align: center;
    }

    .row.botoncomienza {
        display: flex;
        justify-content: center;
        margin-top: 32px;
    }
}


/* Aquí inicia la parte de portafolio*/
/* Aquí inicia la parte de portafolio*/

.h2mosaico{
    display: none;
}

header.portafolio {
    background-color: #1b1b1b;
    color: #CBFC02;
}

.categories {
    color: #00FFAF;
    border: solid #00FFAF 2px;
    border-radius: 20px;

}

.imagenesfila {
    background-color: #1b1b1b;
}

p.fs-5 {
    margin-bottom: 0;

}

p.py-2.marginbo {
    margin-bottom: 0;
    text-decoration: none;
    color: #00FFAF;

}

a.categoriesbot {
    text-decoration: none;
}

.categories {
    margin-top: 15px;
}

@media (max-width: 576px) {
    .row.py-4.text-center.botoncategories {
        margin: 0 15%;
    }

   
}

/* Single-UCO*/
/* Single-UCO*/

.infouco {
    color: white;
}

.backgroundsingle {
    background-color: #1b1b1b;
}

.textoextrauco {
    color: white;
}

.botonregreso {
    margin: 0 20%;
}

@media (max-width: 1200px) {
    .botonregreso {
        margin: 0 20%;
    }
}

@media (max-width: 768px) {
    .botonregreso {
        margin: 0 20%;
    }
}

@media (max-width: 576px) {
    .botonregreso {
        margin: 0 20%;
    }
}

/* Bitz*/
/* Bitz*/

.container.bitzimg{
    text-align: center;
}

/* Reef*/
/* Reef*/

.container.reefimg{
    text-align: center;
}

/* Aquí inicia la parte de servicios*/
/* Aquí inicia la parte de servicios*/

header.servicios {
    color: #CBFC02;
    background-color: #1b1b1b;
}

.descripservicios {
    color: white;
    background-color: #1b1b1b;
}

.disenodigital {
    align-items: center;
}

.identidad {
    align-items: center;
}

.disenoweb {
    align-items: center;
}

@media (max-width: 576px) {
    .row.identidad.py-5 {
        display: flex;
        flex-direction: column-reverse;
    }
}

/* Aquí inicia la parte de sobre mí*/
/* Aquí inicia la parte de sobre mí*/

.col.monkeyexp {
    margin-right: 10%;
}

.sobremi {
    background-color: #1b1b1b;
}

.sobremi h1 {
    color: #CBFC02;
}

.sobremi p {
    color: white;
}

.sobremi h2 {
    color: #CBFC02;
}

.sobremi hr {
    color: white;
}

.sobremitextimg {
    align-items: center;
}

/* Aquí inicia la parte de comienza*/
/* Aquí inicia la parte de comienza*/

.formulariocomienza h2{
    display: none;
}

.comienza {
    background-color: #1b1b1b;
}

.comienza h1 {
    color: #CBFC02;
}

.comienza p {
    color: white;
}

.formulariocomienza {
    background-color: #1b1b1b;
}

.colortextoformulario {
    color: white;
}

button.btn.btn-primary {
    background-color: #1b1b1b;
    border: solid #00FFAF 2px;
    border-radius: 20px;
    padding: 6px 12%;
}