*{
padding:0;
margin:0;
}

:root{
--espacio:1.5rem;
}

    .contenedor-img-grande{
    min-height:100vh;
    width:100vw;
    background:rgba(0,0,0, 0.7);
    display: grid;
    justify-content: center;
    position: fixed;
    display:none;
    z-index:100;
    }

    .contenedor-img-grande b{
    font-family:sans-serif;
    color:#fff;
    justify-self: end;
    align-self: center;
    }

    .img-grande{
    height:90vh;
    width:90vw;
    border: .1rem solid #fff;
    object-fit: scale-down;
    }


body{
font-size:20px;
background:#ededed;
}


html,body{
  height:100%;
}

main{
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

header{
height:10rem;
width:100vw;

display:flex;
justify-content:space-between;
background:rgba(20,20,20);
}

header .logo{
height:10rem;
width:10rem;
}

.contenedorUno{
width:100vw;
background:#e9e9e9;
}

.contenedor-img{
width:100vw;
display:grid;
place-content:center;
padding:1rem;
box-sizing:border-box;
background:#f7f7f7;
}

.contenedor-img img{
height:35rem;
width:40rem;
object-fit: scale-down;
}

.contenedor-imgs{
min-height:3rem;
width:100vw;
display:grid;
grid-template-columns:repeat(auto-fill,4rem);
align-content:center;
gap:.8rem;
padding:.5rem 0 .5rem 1rem;
box-sizing:border-box;
background:#f0f0f0;
}

.contenedor-imgs div{
height:3rem;
width:4rem;
background:rgb(198, 198, 198);
}

.contenedor-imgs div img{
height:100%;
width:100%;
object-fit: scale-down;
}


.contenedorDos{
width:100vw;
background:#ededed;
padding-bottom:1rem;
flex:1;
background:#E0D8C5;
}

.contenedorDos h3{
font-family:sans-serif;
margin-top:1rem;
margin-left:1rem;
margin-bottom:.3rem;
}

strong{
font-weight:normal;
}

.contenedorDos p{
width:90vw;
font-family:sans-serif;
margin-left:2rem;
margin-bottom:2rem;
}

.contenedorDos b{
width:90vw;
font-family:sans-serif;
margin-top:1rem;
margin-left:2rem;
}

.contenedorDos ul{
margin-left:4rem;
margin-bottom:1rem;
}

.contenedorDos li{
font-family:sans-serif;
}

.contenedorDos a{
height:2.5rem;
width:15rem;
margin-left:2rem;
border:none;
background:#f7f7f7;
font-family:sans-serif;
font-weight: 600;
font-size:1rem;
cursor:pointer;
display:grid;
place-content:center;
color: #000;
text-decoration:none;
}

footer{
width:100vw;
background:#202020;
display:flex;
flex-direction:row;
justify-content:center;
gap:2rem;
padding:2rem 0 2rem 0;
box-sizing: border-box;
position: relative;
bottom: 0;
}
    
footer a{
height:4rem;
width:4rem;
background:#c49b5a;
display:grid;
place-content:center;
border-radius:2rem;
cursor:pointer;
}
    
footer img{
height:2.5rem;
width:2.5rem;
}




@media screen and (max-width:650px){
    header{
    height:6rem;
    }

    header .logo{
    height:6rem;
    width:6rem;
    }

    .contenedor-img img{
    height:10rem;
    width:22rem;
    }

    footer a{
    height:3rem;
    width:3rem;
    }

    footer a img{
    height:1.5rem;
    width:1.5rem;
    }
}