*{margin: 0%;
padding: 0%;}

body{background-color: aquamarine;}

nav{background-image:url(img/4.jpg);
background-size: 100%;
margin: 20px;
padding: 5px;}

.encabezado{display: flex;
flex-direction: column;}

.caja1{text-transform: capitalize;
font-size: 15px;
text-align:center;}

.caja2{font-size: 15px;
text-transform: uppercase;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
display: flex;
justify-content: space-between;}

.caja3{margin-top: 10px;
    display: flex;
    justify-content: center;}

.logo{color: rgb(238, 47, 255);}

.p1{margin-top: 100px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
color:white}

a{color: rgb(57, 245, 0);
font-size: 10px;
text-decoration: none;}

.galeria{margin: 30px;
display: flex;}

.fecha{margin-top: 80px;
color: white;}

.foto{background-image: url(img/5.jpg);
background-repeat:no-repeat ;
width: 50%;
background-size: 100%;
margin: 5px;}

h2{text-transform: uppercase;
color: brown;}

.a1{color: red;
font-size: 15px;
background-color: blue;
padding: 3px;}

.pie{text-transform: uppercase;
background-color: black;
margin-left: 10px;
margin-right: 10px;
font-size: 20px;}

.q1{margin-left:7%;}


@media screen and (min-width: 600px)
{

body{background-color: rgb(44, 128, 255);}

.foto{width: 40%;}

.galeria{margin-left: 20%;}

.p1{font-size: 1.5rem;}

nav{margin-left: 50px;
    margin-right: 50px;}
}