body{
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color: white;
    background: #1B2024;
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container {
    max-width: 100%;
}

.main{
    margin: 36px;
    display: flex;
    justify-content: center;
    margin-top: 0;
}

/*
.Cover{
    background-image: url(./Imagenes/Damián-López-Salazar/Damian-Lopez-Salazar.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
}

.Reel{
    background-color: rgba(0, 0, 0, 0.450);
    font-weight: 300;
    font-size: 0.938em;
    height: 193px;
    width: 342px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
*/

.tituloLogo{
    top: 15px;
    align-self: flex-start;
    position: absolute;
    width: 304px;
    text-align: center;
}

.logo{
    align-items: center;
    text-align: center;
    font-size: 1.875em;
    font-weight: normal;
}

.logoFijo img{
    height: 56px;
}

.nombre{
    font-size: 1.375em;
    font-weight: lighter;
    text-align: center;
    margin-top: 3px;
}

.fotografo{
    font-size: 1em;
    font-weight: lighter;
    text-align: center;
}

#home {
    background: black url(./Imagenes/Damián-López-Salazar/Damian-Lopez-Salazar.jpg) no-repeat center;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Roboto', sans-serif;
    font-weight: lighter;
}
    #video {
        color: white;
        text-decoration: none;
        text-align: center;
        font-size: 0.938em;
        padding: 0 3em 0 1em;
    }
    #video a {
        color: white;
        text-decoration: none;
    }
    #video i.far.fa-play-circle {
        font-size: 4em;
        line-height: 2em;
        font-weight: lighter;
    }
    #menuHome {
        border-left: 1px solid white;
        padding: 0.5em 0;
        text-transform: uppercase;
        font-size: 1.238em;
    }
    #menuHome a {
        color: white;
        text-decoration: none;
        padding: 1em;
        padding-left: 40px;
        display: block;
    } 
    #menuHome a:hover {
        background: #96969660;
        transition: 1s all;
    }   

    #menuPrincipal {
        background:#1B2024;
        color: white;
        display: flex;
        flex-direction: row;
       justify-content: center;
        align-items: center;
        height: 50px;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        z-index: 9999;
    }
    #menuPrincipal {
        top: 0;
    }

    .menu_hamburguesa {
        background: #1B2024;
        padding: .5em;
        cursor: pointer;
        font-family: 'Roboto', sans-serif;
        font-weight: lighter;
        position: absolute;
        right: 7;
    }

        .menuFlotado {
            background: black url(./Imagenes/Damián-López-Salazar/Damian-Lopez-Salazar.jpg) no-repeat center;
            background-size: cover;
            height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            height: calc(100vh - 50px);
            top: 50px;
            position: fixed;
            font-family: 'Roboto Condensed', sans-serif;
            text-transform: uppercase;
            text-align: center;
            z-index: 999;
            display: none;
        padding: 3em 0;
        font-family: 'Roboto', sans-serif;
        font-size: 1.438em;
        font-weight: lighter;
        }
        .menuFlotado a {
            color: white;
            text-decoration: none;
            padding: 1.5em;
            
            display: block;
            width: 90%;
        } 
        .menuFlotado a:hover {
            background: #96969660;
            color: white;
            transition: .5s all;
        }
        .menuFlotado_activo {
            display: flex;
        } 

.desktop{
    display: none;
}

.menuHdesplegado {
    display: none;
}

.menuHdesplegado a{
font-family: 'Roboto', sans-serif;
    font-size: 1.238em;
    font-weight: lighter;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
}

.menuHorizontal{
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 33px; */
    height: 50px;
    font-size: 0.938em;
    font-weight: lighter;
}

a.botonesHorizontal{
    color: white;
    text-decoration: none;
    text-align: center;
}

a.active{
    background-image: url(./Imagenes/Redes-Sociales-Night-Shift-Project/Punto.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
}

.ipad{
    display: none;
}

h1{
    font-size: 1.750em;
    font-weight: 700;
}

h2{
    font-size: 1.625em;
    font-weight: 400;
}

h3{
    font-size: 1.375em;
    font-weight: 400;
    margin-bottom: 0;
}

h4{
    font-size: 1.250em;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

p{
    font-size: 1em;
    font-weight: 300;
}

.textoImagen{
    font-size: 0.875em;
    font-weight: 300;
}

.textoContacto{
    font-size: 0.875em;
    font-weight: lighter;
    margin-top: 0;
    line-height: 18px;
}

.textoDescripcion {
    position: relative;
    bottom: 0.6em;
    left: -0.8em;
}

.espacioMenu{
    height: 125px;
    width: 100%;
    background: #1B2024;
}

/*Proyectos*/


.Proyectos{
    
}

.textoProyectos{
    /* display: flex; */
    text-align: right;
    align-items: flex-end;
    width: 100%;
    /* bottom: -.65em; */
    right: .5em; 
    position: absolute;
    top: 464px;
    margin-bottom: 0;
}

.FotoGaby{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Retratos/Foto-retrato-1.jpg);
    background-position: center;
    background-size: cover;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    position: relative;
}

.FotoConchas{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Alimentos/_MG_1373.png);
    background-position: center;
    background-size: cover;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    position: relative;
}

.Foto0929{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Eventos/_MG_0929.png);
    background-position: center;
    background-size: cover;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    position: relative;
}

.Foto0131{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Producto/_MG_0131.png);
    background-position: center;
    background-size: cover;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    position: relative;
}

.verMas{
    /* display: flex; */
    display: block;
    margin: 20px 0;
    text-align: center;
    line-height: 1.3em;
    padding: 10px;
    background-color: #087FD3;
    color: white;
    text-decoration: none;
    width: 60px;
    height: 18px;
    border-radius: 8px;
    font-size: 0.875em;
    font-weight: 300;
    cursor: pointer;
    z-index: 999;
    /* justify-content: center; */
    /* align-items: center; */
}

.fotosPeques{
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}

.FotoSanti1{
    background-image: url(./Imagenes/Fotografía-Retratos/Foto-retrato-2.jpg);
    background-position: center;
    background-size: cover;
    height: 238px;
    width: 158px;
    border-radius: 20px;
}

.FotoSelene1{
    background-image: url(./Imagenes/Fotografía-Retratos/Foto-retrato-3.jpg);
    background-position: center;
    background-size: cover;
    height: 238px;
    width: 158px;
    border-radius: 20px;
}

.FotoGabriel{
    background-image: url(./Imagenes/Fotografía-Retratos/Towel-2.jpg);
    background-position: center;
    background-size: cover;
    height: 238px;
    width: 158px;
    border-radius: 20px;
}

.Foto1266{
    background-image: url(./Imagenes/Fotografía-Alimentos/_MG_1266.png);
    background-position: center;
    background-size: cover;
    height: 238px;
    width: 158px;
    border-radius: 20px;
}

.Foto1384{
    background-image: url(./Imagenes/Fotografía-Alimentos/_MG_1384.png);
    background-position: center;
    background-size: cover;
    height: 238px;
    width: 158px;
    border-radius: 20px;
}

.Foto0999{
    background-image: url(./Imagenes/Fotografía-Eventos/_MG_0999.png);
    background-position: center;
    background-size: cover;
    height: 238px;
    width: 158px;
    border-radius: 20px;
}

.Foto0469{
    background-image: url(./Imagenes/Fotografía-Eventos/_MG_0469.png);
    background-position: center;
    background-size: cover;
    height: 238px;
    width: 158px;
    border-radius: 20px;
}

.Foto1465{
    background-image: url(./Imagenes/Fotografía-Alimentos/_MG_1465.png);
    background-position: center;
    background-size: cover;
    height: 238px;
    width: 158px;
    border-radius: 20px;
}

.Foto0988{
    background-image: url(./Imagenes/Fotografía-Eventos/_MG_0988.png);
    background-position: center;
    background-size: cover;
    height: 238px;
    width: 158px;
    border-radius: 20px;
}

/* Servicios */

.Servicios{
    padding-bottom: 25px;
}

.FotoPanDeMuerto{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Alimentos/Foto-alimentos-1.png);
    background-position: center;
    background-size: cover;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    align-items: flex-end;
}

.FotoSantiServicios{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Retratos/Foto-retrato-2.jpg);
    background-position: center;
    background-size: cover;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    align-items: flex-end;
}

.Foto0977{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Eventos/_MG_0977.png);
    background-position: center;
    background-size: cover;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    align-items: flex-end;
}

.Foto0140{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Producto/_MG_0140.png);
    background-position: center;
    background-size: cover;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    align-items: flex-end;
}



/*Acerca de*/

.Acerca{
    /*padding: 25px 0;*/
}

.FotoDamian{
    display: flex;
    background-image: url(./Imagenes/Damián-López-Salazar/Light1.jpg);
    background-position: center;
    background-size: cover;
    width: 342px;
    height: 526px;
    border-radius: 20px;
}

.textoCentrado{
    text-align: center;
    margin: 25px 0;
    font-weight: lighter;
    line-height: 20px;
    margin-top: 0;
}

.botonMas{
    /* margin: 7px; */
    align-self: flex-start;
    height: 50px;
    width: 50;
    position: relative;
    left: 285;
    top: 5px;
}


.mas{
    
}

.FotoCamara{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Equipo/Sony-a6500-a6300-a6000-deal-sale.jpg);
    background-size: cover;
    background-position: center;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    align-items: flex-end;
    position: relative;
    margin-bottom: 33px;
}

.FotoLentes{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Equipo/sigma16mm.jpg);
    background-size: cover;
    background-position: center;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    align-items: flex-end;
    position: relative;
    margin-bottom: 33px;
}

.FotoIluminacion{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Equipo/estudio-fotografico-3.jpg);
    background-size: cover;
    background-position: center;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    align-items: flex-end;
    position: relative;
    margin-bottom: 33px;
}

.FotoMedia{
    display: flex;
    background-image: url(./Imagenes/Fotografía-Equipo/media.jpg);
    background-size: cover;
    background-position: center;
    width: 342px;
    height: 526px;
    border-radius: 20px;
    align-items: flex-end;
    position: relative;
    margin-bottom: 33px;
}


/* Contactco */

.Contacto{
    display: flex;
    flex-direction: column;
    background: #969696bb;
    width: 342px;
    height: 526px;
    border-radius: 20px;
}

.infoContacto{
    margin: 21px;
    margin-bottom: 0;
}

.Ficha { 
    margin: 21px; 
    margin-top: 0em; 
    margin-bottom: 15px; 
  }
  label {
    font-family: 'Roboto', sans-serif; 
    font-weight:lighter;
    display: block;
    width: 80px;
    float: left;
    line-height:2.5;
  }
  input {
    width: 200px; 
    height: 30px; 
    font-family: 'Roboto', sans-serif; 
    font-weight: lighter;
    padding: .25em 1em;
    margin-bottom: 1em;
  }
  textarea { 
    width: 200px; 
    height: 50px; 
    font-family: 'Roboto', sans-serif; 
    font-weight: lighter; 
    padding: 1em 1em;
    margin-top: .15em;
  }

.botonEnviar{
    display: flex;
    justify-content: flex-end;
    margin: 0 20px;
    /* margin-bottom: 0;*/
}

.Enviar{
    display: block;
    /* margin: 20px 0; */
    text-align: center;
    line-height: 1.3em;
    padding: 10px;
    background-color: white;
    color: #7A7B7C;
    text-decoration: none;
    width: 60px;
    height: 18px;
    border-radius: 5px;
    font-size: 0.875em;
    font-weight: 300;
    cursor: pointer;
    z-index: 9;
    margin-bottom: 0;
   
   
}

.infoContactoFooter{
    margin: 21px;
    margin-top: 0;
}

.nombreContacto{
    font-size: 1.125em;
    margin-top: 5px;
    margin-bottom: 0em;
}

.textoContactoFooter{
    font-size: 0.750em;
    font-weight: lighter;
    margin-top: 0;
}

.contactarContacto{
    display: flex;
    gap: 10vw;
    margin-bottom: 23px;
}

.contactarContacto a{
    font-size: 0.875em;
    font-weight: lighter;
    text-decoration: none;
    color: white;
}

.logosContacto{
    display: flex;
    justify-content: center;
    justify-content: space-between;
    
}




footer{
    background-color: #087FD3;
    width: 100%;
    display: flex;
    justify-content: center;
    
}

.textoFooter{
    font-size: 0.875em;
    font-weight: 300;
    margin-top: 5px;
}

.infoFooter{
    margin-right: 36px;
    margin-left: 36px;
    margin-bottom: 20px;
}

.info{
    
}

.contactar{
    display: flex;
    gap: 10vw;
    margin-bottom: 25px;
}

.contactar a{
    text-decoration: none;
    color: white;
    font-size: 0.89em;
    font-weight: 300;
}

.logos{
    display: flex;
    justify-content: center;
    justify-content: space-between;
}

.Linkedin{
    height: 50px;
    width: 50px;
}

.Instagram{
    height: 50px;
    width: 50px;
}

.Vimeo{
    height: 50px;
    width: 50px;
}


/* ServiciosRetrato */

.detallesServicio{
    display: flex;
    flex-direction: column;
    background: #969696bb;
    width: 342px;
    height: 425px;
    border-radius: 20px;
    margin-top: 60px;
}

.h1servicios{
    margin-bottom: 0;
}

.infoServicio{
    margin: 30px;
    margin-bottom: 90px;
}

.subtituloServicio{
    margin: 0;
    font-weight: lighter;
    font-size: 0.875em;
    line-height: 18px;
}

.textoServicio{
    font-size: 0.875em;
    font-weight: lighter;
    line-height: 18px;
}

.precios{
    font-size: 0.875em;
    font-weight: lighter;
    line-height: 28px;
    list-style: none;
}

ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

.botonesServicios{
    display: flex;
    flex-direction: column;
    margin: 30px;
}

.proyectoYcontacto{
    display: flex;
    justify-content: center;
    justify-content: space-between;
}

.verProyectos{
    font-size: 1.125em;
    font-weight: bold;
    text-decoration: none;
    color: white;
}

.mainServicioRetrato{
    background-image: url(./Imagenes/Fotografía-Retratos/Foto-retrato-2.jpg);
        background-size: cover;
        background-position: center;
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container {
    max-width: 100%;
}

@media screen and (min-width: 20em) {
    .mainServicioRetrato{
        background:none;
    }
    .bodyServicioRetrato{
        background-image: url(./Imagenes/Fotografía-Retratos/Foto-retrato-2.jpg);
        background-size: cover;
        background-position: center;
        height: 100vh;
    }
}

@media screen and (min-width: 48em) {
    
    

    .menuFlotado {
        font-size: 1.950em;
    }

    .fa, .fas {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-size: 40px;
    }
    
    .FotoGaby {
    width: 100%;}

   

    .FotoConchas{
        width: 100%;
    }

    .Foto0929{
        width: 100%;
    }

    .Foto0131{
        width: 100%;
    }

    .FotoPanDeMuerto{
        width: 100%;
    }

    .FotoSantiServicios{
        width: 100%;
        background-position: top;
    }

    .Foto0977{
        width: 100%;
        background-position: top;
    }

    .Foto0140{
        width: 100%;
    }

    .FotoDamian{
        width: 100%;
    }

    .FotoCamara{
        width: 100%;
    }

    .FotoLentes{
        width: 100%;
    }

    .FotoIluminacion{
        width: 100%;
    }
    
    .FotoMedia{
        width: 100%;
    }

    h1{
        font-size: 2.75em;
    }

    h2 {
        font-size: 1.925em;
    }

    h3 {
        font-size: 1.775em;
    }

    h4 {
        font-size: 2.250em;
    }

    p{
        font-size: 1.5em;
    }

    .textoCentrado{
        line-height: 30px;
    }

    .textoImagen {
        font-size: 1.375em;
    }

    .menuHorizontal {
        font-size: 1.238em;
        height: 70px;
    }

    .Contenido{
    width: 80%;}


    .ipad{
    display: flex;}
    
    .infoFooter{
    width: 80%;}

    .textoFooter {
        font-size: 1.275em;
    }

    .contactar a {
        font-size: 1.29em;
    }

    .Linkedin {
        height: 76px;
        width: 76px;
    }
    .Instagram {
        height: 76px;
        width: 76px;
    }
    .Vimeo {
        height: 76px;
        width: 76px;
    }

    .nombreContacto {
        font-size: 1.775em;
        margin-bottom: 0;
    }

    .textoContactoFooter {
        font-size: 1.150em;
    }

    .contactarContacto a {
        font-size: 1.275em;
    }
    
    .botonMas {
    left: 500;}

    .fotografo {
        font-size: 1.6em;
    }

    .nombre {
        font-size: 2.150em;
    }

    .tituloLogo {
        width: 500px;
    } 

    #menuHome {
        padding: 1.5em 0;
        font-size: 1.750em;
    }

    .verMas {
        width: 90px;
        height: 28px;
        font-size: 01.3em;
    }

    .logoFijo img{
        height: 86px;
    }

    #menuPrincipal {
        height: 91;
    }

    .Contacto {
        width: 100%;
        height: auto;
        justify-content: flex-end;
    }

    .textoContacto{
        font-size: 1.5em;
        line-height: 30px;
    }

    .Ficha { 
        
      }
      label {
        font-size: 1.2em;
      }
      input {
        font-size: 1.2em;
        width: 400px; 
        height: 40px;
      }
      textarea { 
        font-size: 1.2em;
        width: 400px;
        height: 100px;
      }

    .ServiciosRetrato{
        width: 80%;
        height: auto;
        margin-bottom: 60px;
    }

    .detallesServicio {
        width: 100%;
        height: auto;
    }
    
      .subtituloServicio {
        font-size: 1.275em;
    }

    .textoServicio {
        font-size: 1.275em;
        line-height: 26px;
    }

    .precios {
        font-size: 1.275em;
        line-height: 36px;
    }

    .verProyectos {
        font-size: 1.525em;
    }

    .infoServicio {
        margin-bottom: 250px;
    }

    .mainServicioRetrato{
        background-image: url(./Imagenes/Fotografía-Retratos/Foto-retrato-2.jpg);
            background-size: cover;
            background-position: center;
            border-radius: 20px;
            margin-top: 15px;
    }

    .bodyServicioRetrato{
        background: none;
    }

}

@media screen and (min-width: 75em) {
    .menuFlotado {
        font-size: 1.950em;
    }

    .fa, .fas {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-size: 40px;
    }
    
    .FotoGaby {
        width: 100%;
    height: 700;}

    .FotoConchas{
        width: 100%;
        height: 700;
    }

    .Foto0929{
        width: 100%;
        height: 700;
    }

    .Foto0131{
        width: 100%;
        height: 700;
    }

    .FotoPanDeMuerto{
        width: 100%;
        height: 700;
    }

    .FotoSantiServicios{
        width: 100%;
        height: 700;
        background-position: top;
    }

    .Foto0977{
        width: 100%;
        height: 700;
        background-position: top;
    }

    .Foto0140{
        width: 100%;
        height: 700;
    }

    .FotoDamian{
        width: 100%;
    height: 700;
    }

    .FotoCamara{
        width: 100%;
        height: 700;
    }

    .FotoLentes{
        width: 100%;
        height: 700;
    }

    .FotoIluminacion{
        width: 100%;
        height: 700;
    }
    
    .FotoMedia{
        width: 100%;
        height: 700;
    }

    h1{
        font-size: 2.75em;
    }

    h2 {
        font-size: 1.925em;
    }

    h3 {
        font-size: 1.775em;
    }

    h4 {
        font-size: 2.250em;
    }

    p{
        font-size: 1.5em;
    }

    .textoCentrado{
        line-height: 30px;
    }

    .textoImagen {
        font-size: 1.375em;
    }

    .menuHorizontal {
        font-size: 1.238em;
        height: 70px;
    }

    .Contenido{
    width: 60%;}


    .ipad{
    display: flex;}
    
    .infoFooter{
    width: 80%;}

    .textoFooter {
        font-size: 1.275em;
    }

    .contactar a {
        font-size: 1.29em;
    }

    .Linkedin {
        height: 76px;
        width: 76px;
    }
    .Instagram {
        height: 76px;
        width: 76px;
    }
    .Vimeo {
        height: 76px;
        width: 76px;
    }

    .nombreContacto {
        font-size: 1.775em;
        margin-bottom: 0;
    }

    .textoContactoFooter {
        font-size: 1.150em;
    }

    .contactarContacto a {
        font-size: 1.275em;
    }
    
    .botonMas {
    left: 1120;}

    .fotografo {
        font-size: 1.6em;
    }

    .nombre {
        font-size: 2.150em;
    }

    .tituloLogo {
        width: 500px;
    } 

    #menuHome {
        padding: 1.5em 0;
        font-size: 1.750em;
    }

    .verMas {
        width: 90px;
        height: 28px;
        font-size: 01.3em;
    }

    .logoFijo img{
        height: 86px;
    }

    #menuPrincipal {
        height: 91;
    }

    .Contacto {
        width: 100%;
        height: auto;
        justify-content: flex-end;
    }

    .textoContacto{
        font-size: 1.5em;
        line-height: 30px;
    }

    .Ficha { 
        
      }
      label {
        font-size: 1.2em;
      }
      input {
        font-size: 1.2em;
        width: 400px; 
        height: 40px;
      }
      textarea { 
        font-size: 1.2em;
        width: 800px;
        height: 300px;
      }

    .ServiciosRetrato{
        width: 80%;
        height: auto;
        margin-bottom: 60px;
    }

    .detallesServicio {
        width: 100%;
        height: auto;
    }
    
      .subtituloServicio {
        font-size: 1.275em;
    }

    .textoServicio {
        font-size: 1.275em;
        line-height: 26px;
    }

    .precios {
        font-size: 1.275em;
        line-height: 36px;
    }

    .verProyectos {
        font-size: 1.525em;
    }

    .infoServicio {
        margin-bottom: 250px;
    }

    .mainServicioRetrato{
        background-image: url(./Imagenes/Fotografía-Retratos/Foto-retrato-2.jpg);
        background-size: cover;
        background-position: top;
        border-radius: 20px;
        margin-top: 15px;
        width: 60%;
        /* justify-self: center; */
        align-self: center;
        /* margin-left: 500;*/
    }

    .bodyServicioRetrato{
        background: none;
        /* width: 60%; */
        display: flex;
        /* margin-right: 0; */
        justify-content: center;
    }

    .FotoSanti1{
        width: 300;
    background-position: top;
    }

    .FotoSelene1{
        width: 300;
    background-position: top;
    }

    .FotoGabriel{
        width: 300;
    background-position: top;
    }

    .Foto1266{
        width: 300;
    background-position: top;
    }

    .Foto1384{
        width: 300;
    background-position: top;
    }

    .Foto1465{
        width: 300;
    background-position: top;
    }

    .Foto0999{
        width: 300;
    background-position: top;
    }

    .Foto0469{
        width: 300;
    background-position: top;
    }

    .Foto0988{
        width: 300;
    background-position: top;
    }

    .textoProyectos{
        top: 625px;
    }

    .desktop{
        display: block;
    }

    .menuHdesplegado {
        display: flex;
        
        gap: 100px;
    }

    .menu_hamburguesa{
        display: none;
    }

}