p {
    font-size: 1.2em;
    line-height: 1.7;
    color: black;
}
ul {
    list-style-type: none;

}
body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
    font-size: 17px;
    line-height: 1.7;
    color: black;
    margin: 0;
}
a{
    text-decoration: none;
    color: whitesmoke;
    font-weight: bold;
}
a:hover{
    color: #8a8c8d;
    
}
header {
   background-color: whitesmoke;
   display: flex;
   align-items: center;
   justify-content: end;
   flex-direction: column;
   width: 100%;
   height: 27vh;
}
.Page_intro {
   width: 100%;
   height: 70%;
}
.Page_intro--content{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
   width: 60%;
   height: 100%;
   margin-left: 20%;
}
.Page_intro--Logo{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
    width: 30%;
    height: auto;
}


.Page_intro--Logo > img {
    width: 30%;
    height: auto;
}

.Page_intro--location{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
    width:  50%;
    height: 100%;
}
.Page_intro--location > a{
   color: black;
}
.Page_intro--location > img{
   width: 7%;
   height: auto;
}

.Page_intro-socials{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
}
.socials_container{
   display: flex;
   width: 33%;
   height: auto;   
   justify-content: center;
}
.socials_container > a{
   display: flex;
   justify-content: center;
   align-items: center;
}
#socials_icon--facebook{
   width: 35%;
   height: auto;

}
#socials_icons--insta{
   width: 60%;
   height: auto;
}
#socials_icons--mail{
   width: 35%;
   height: auto;

}
#socials_icons--mail:hover{
  cursor: pointer;
   
}


nav {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   background-image: linear-gradient(to right, #434343 0%, black 100%); 
   margin-bottom: 0;
}
nav > ul {
   padding: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   list-style: none;
   text-decoration: none;
   list-style-type: none;
   width: 100%;
   
}

nav > ul > li {
   margin: 0 3em;
   padding: 0;
   font-size: 1.3em;
   display: inline;
   text-decoration: none;
   list-style-type: none;
}

#List_item--main{
      font-size: 130%;
      font-weight: bold;
     
}



main {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
}
main > * {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 40%;
   margin-top: 5vh;
   margin-bottom: 10vh;

}

@media screen and (max-width: 768px) {
   nav > ul > li {
      margin: 0 1em;
      font-size: 90%;
   }
   header {
       width: 100%;
   }
   nav{
         width: 100%;
   }
   .Page_intro--content{
       width: 100%;
       margin-left: 0;
   }
   .Page_intro--Logo{
       display: none;
   }
   .Page_intro--location > a{
        width: 40%;
   }    
  .Page_intro--location > img{
        width: 30%;
   }    


  
}