/*llamado al tipo de letra*/
@font-face {
font-family: "Sephora & Hayden";
src: url("../font/Sephora & Hayden.ttf");
}
@font-face {
font-family: "Nellysia Sorettein Demo";
src: url("../font/Nellysia Sorettein Demo.otf");
}
@font-face {
font-family: "Birds of Paradise";
src: url("../font/Birds of Paradise © PERSONAL USE ONLY.ttf");
}
@font-face {
font-family: "adelia alternate";
src: url("../font/adelia alternate.otf");
}
@font-face {
font-family: "adelia";
src: url("../font/adelia.ttf");
}
@font-face {
font-family: "Ananda Black";
src: url("../font/Ananda Black Personal Use.ttf");
}
@font-face {
font-family: "Ananda";
src: url("../font/Ananda Personal Use.ttf");
}
*{
margin: 0;
padding: 0;
}
header{
width:100%;
height:480px;
background-image:url("../img/fondo.jpg");
background-size:cover;

}

.imagen-logo{
width:5px;
height:5px; 
padding-top: 5px;	
padding-left: 850px;
         
        }

        


nav{
width:100%;
height:30px auto; 

}
body {
  background: #fff;
  
        }
section{
width:80%;
height:2000px;
/*background-image:url("../img/fondo2.png");
background-size:cover;*/
background: #FFF5F5;
float:left;
}

/* Contenedor de la galería */
        .galeria {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 3000fr));
            gap: 30px;
            width: 70%;
            max-width: 950px;
            padding-top: 50px;
			padding-right: 200px;
			padding-bottom: Inferior;
			padding-left: 200px;
			
        }

        /* Contenedor individual de cada imagen */
        .imagen-contenedor {
            position: relative;
            overflow: hidden;
            border-radius: 15px;
            /*box-shadow: 0 4px 4px rgba(0,0,0,0.8);*/
            transition: all 1s ease;
        }

        /* Efecto al pasar el cursor (sobresalir y zoom) */
        .imagen-contenedor:hover {
            transform: translateY(-100px) scale(2);
            /*box-shadow: 5px 5px 5px 5px rgba(168,161,160,0.3);*/
            z-index: 10;
			position: center
        }

        /* Estilos de la imagen */
        .imagen-contenedor img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            display: block;
            transition: transform 0.8s ease;
        }

.galeria2 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 5px;
            width: 90%;
            max-width: 1000px;
            padding-top: 20px;
			padding-left: 140px;
			
        }

        /* Contenedor individual de cada imagen */
        .imagen-contenedor2 {
            position: relative;
            overflow: hidden;
            border-radius: 0px;
            /*box-shadow: 0 4px 4px rgba(0,0,0,0.8);*/
            transition: all 0.8s ease;
        }

        /* Efecto al pasar el cursor (sobresalir y zoom) */
        .imagen-contenedor2:hover {
            transform: translateY(-0px) scale(1);
            /*box-shadow: 5px 5px 5px 5px rgba(168,161,160,0.3);*/
            z-index: 10;
	
        }

        /* Estilos de la imagen */
        .imagen-contenedor2 img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            display: block;
            transition: transform 0.4s ease;
        }
.galeria3 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 3000fr));
            gap: 0px;
            width: 64%;
            max-width: 950px;
            padding-top: 20px;

			padding-left: 210px;
			
        }

        /* Contenedor individual de cada imagen */
        .imagen-contenedor3 {
            position: relative;
            overflow: hidden;
            border-radius: 0px;
            /*box-shadow: 0 4px 4px rgba(0,0,0,0.8);*/
            transition: all 1s ease;
        }

        /* Efecto al pasar el cursor (sobresalir y zoom) */
        .imagen-contenedor3:hover {
            transform: translateY(-50px) scale(1.5);
            /*box-shadow: 5px 5px 5px 5px rgba(168,161,160,0.3);*/
            z-index: 10;
			position: center
        }

        /* Estilos de la imagen */
        .imagen-contenedor3 img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            display: block;
            transition: transform 0.8s ease;
        }
















article{
margin:20px auto;
width:95%;
height:950px;
background-image:url("../img/fondo marmol.jpg");
background-size:cover;
}
aside{
width:20%;
height:2000px;
/*margin-top:10px;
margin-right:100px;*/
background:#FFD4D4;
float:right
}
footer{
width: 100%;
height: 80px;
background: #FFEA00;
clear: both;
}
.navegacion{
width: 1300px;
margin: 50px auto;
background: #FFD4D4;
}
.navegacion ul{
list-style:none;
}
.menu > li{
position:relative;
display:inline-block;
}
.submenu{
position:absolute;
background:#FFEA00;
visibility:hidden;
opacity:0;
transition:opacity:1.5s;
}
.menu >li:hover .submenu{
visibility:visible;
opacity:1;
}
.menu >li>a{
display:block;
padding:15px 20px;
color:#FFF;
font-family:"Arial";
text-decoration:none;
}
.submenu li a{
display:block;
padding:15px;
color:#FFF;
font-family:"Arial";
text-decoration:none;
}	
.submenu li a:hover{
background:#B6B3B2; 
}
.menu >li>a:hover{
background:#B6B3B2; 
}

.letra{
color:#FFEA00;
font-family: "adelia alternate";
font-size:4rem;

padding-top: 100px;
padding-right: 650px;
padding-left: 650px;
}
.letra4{
color:#FFD4D4;
font-family: "Ananda Black";
padding-top: 0px;
padding-left: 830px;
font-size:2.5rem;
}
.letra1{
color:#FFF;
font-family: "Ananda";
font-size:5rem;

padding-top: 30px;
padding-right: 450px;
padding-left: 600px;
}
.letra2{
color:#8C8C8C;
font-family: "arial" cursive;
font-size:1.8rem;

padding-top: 0px;
padding-right: 50px;
padding-left: 60px;
}
.letraa{
color:#FFF;
font-family: "Ananda";
font-size:2rem;
padding-top: 30px;
padding-left: 100px;
}
.letra3{
color:#FFF;
font-family: "Ananda";
font-size:1.5rem;
padding-top: 15px;
padding-left: 25px;
}
article img{
padding-left:10%;
width:80%;
height:60%;
}

aside img{
padding-top:10%;
padding-left:15%;
width:300px; 
height:300px; 
}
.subir {
float:left;
}
.centrar h4{
text-align:center;
padding-top:30px;
padding-bottom:30px;
color:#FFF;
font-family: "La-chata-normal";
}

@media screen and (min-width: 780px) and (max-width: 1024px){
.encabezado{
	background-color: rgb(183,22,247);
}
.contenido, .contenido-lateral{
	width: 50%;
 }
}
@media screen and (min-width: 480px) and (max-width: 780px){
 .encabezado{
	background-color: rgb(248, 3, 154); /*aquí cambiaremos el color */
}
.contenido, .contenido-lateral{
	width: 100%;
 }
}
@media screen and (max-width: 480px){

 .encabezado{
 height: 80px;
}
.contenido{
 background-color: rgb(36, 220, 176);
width: 100%;
 }
 .contenido-lateral, .contenido-lateral{
 width: 100%;
 }
}