@media screen and (min-width: 640px);
@import url('https://fonts.googleapis.com/css?family=Poiret+One');

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

body {
    background-color: #f4ead9;
    
    font-family: 'Lato', sans-serif;
    font-size: 25px;
         display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items:space-around ;
	align-content: stretch;
    margin-bottom: auto;
    
}
ul {
    list-style: none;
    margin: 0;
     margin-top: 0px;
    padding: 0;
    
}
nav {
    width: 63%; 
    margin-bottom: 10px;
    border-radius: 20px;
   
     
    
}


nav ul li a {
    font-size: 20px;
 display: block;
    text-decoration: none;
    color: none;
    text-align: center;
    padding: 1em; 
    margin: auto;
    color: #f4ead9; 
  transition: all .3s linear;
     border-radius: 10px;
    margin-top: 10px;
    justify-content: space-around;
}

.dgpc{  font-size: 10px;
 display: block;
    text-decoration: none;
    color: none;
    text-align: center;
    padding: 1em; 
    color: none; 
  transition: all .3s linear;
    margin-top: 0px;
    justify-content: space-around;
    display: flex;
    border-radius: 20em;
    
    
}

h1 { font-family: 'Poiret One', cursive;
    font-size: 42px;
    color: #f4ead9;
    display:block;
    text-align: center;
    border-radius:10px ;
    background-color:rgb(52, 151, 196);
    border: solid rgb(52, 151, 196);

} 
h2 { font-family: 'Poiret One', cursive; 
font-size: 32px;
    display:block;
    text-align: center;
    border-radius:10px ;
    background-color:none;
    color: #f4ead9;
background-color:#4ac7a1;
}

p { 
    font-family: 'Poiret One', cursive; 
    font-size: 16px;
    color: rgb(52, 151, 196);
    display: flex;
    flex-direction: ;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
   
    
    }

h3 { 
    font-family: 'Poiret One', cursive;
    font-size: 25px;
    display:block;
    text-align: center;
    border-radius:10px ;
    background-color:none;
    color: #f4ead9;
background-color:#4ac7a1;
}

    
}

.foto1 { margin-left: 0px; 
    margin-top:20px;
    margin-bottom: 20px;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
    
    
}
.foto2 { margin-left: 0px; 
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}

h4 { font-family: 'Poiret One', cursive;
    font-size: 25px; 
    display:block;
    text-align: center;
    border-radius:10px ;
    border: solid #4ac7a1;
    color: #f4ead9;
background-color:#4ac7a1;
}

a{font-family: 'Poiret One', cursive;
    font-size: 10px;
  border: solid 1px;
  border-radius: 5px;
padding: 5px 10px;
  color: rgb(52, 151, 196); 
  transition: all .3s linear;
    ;
}
a:hover{
  background-color: rgb(52, 151, 196);
  color: #f4ead9;

}


  
  
article{
    

    border-radius:10px ;
    background-color:none;
    border: solid #4ac7a1;
    display:block;
    text-align: center;
        
}



header { 
    background:rgba(74, 199, 161, 0.62);
    position: none;
    top:20px;
    width: 100%;
    display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items:center;
	align-content: center;
    border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    
}
@media screen and (min-width:640px){
    
}




footer{
   
border-radius: solid 10px;
   border-color: rgba(52, 151, 196, 0.9;
      
    
}
*{ box-sizing: content-box
}