body{
    background-color:#fff;
    color: coral;
    font-family:"Raleway", Helvetica, sans-serif;
    margin:0;
 
  }
  p{
    text-align: center;
  }
  ul{
    text-align: left;
    list-style:none;

  }
  #choose-us>ul>li::before {
    content: '😁 ';
  }
  #main-header{
    background-image: url("../assets/logo_social_2.jpg");
    /* Set a specific height */
    min-height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    /* background-size: cover; */

  }
  header {
    display:flex;
    justify-content:space-between;
    align-items:center; 
    

  }
  footer{
    display:flex;
    justify-content:space-between;
    align-items:center; 
    background-color: rgb(82, 187, 156);

  }
  #logo{
    padding:0 10px;
    color: coral;    
  }
 
  .navbar li{
    display:inline-block;
    font-size:large;
    padding-right:15px;
  }

  .navbar p{
    display:inline-block;
  }
  .navbar a{
    text-decoration:none;
    color: coral;

  }


  .navbar a:hover{
    color:rgb(82, 187, 156);
    animation: navbar_lines .5s;
    border-bottom:2px solid rgba(82, 187, 156, 1);
  }
  @keyframes navbar_lines{
    from {border-bottom: 2px solid rgba(82, 187, 156, 0);}
    to {border-bottom:2px solid rgba(82, 187, 156, 1);}
  }
  h1{
    text-align: center;
  }
  h2{
    text-align: center;
  }
  p{
    text-align: center;
  }
  #content{
    min-height: 600px;
  }

  #images-button{
    display: grid;
    place-items: center;
    background-image: url("../assets/images_background.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
  }
  #choose-us{
    display: grid;
    place-items: center;
  }
  #images-button button{
    background-color: rgb(87, 144, 161);
    font-size: xx-large;
    border-radius: 30%;
  }
  a{
    text-decoration: none;
  }

  #contact-info{
    display:flex;
    justify-content:space-between;
    align-items:center; 
    margin-bottom: 10%;
  }
  #map{
    margin-top: 10%;
    margin-left: 20%;
    

  }
  #con{
    margin-top: 10%;
    margin-right: 20%;
    font-size: large;
    
  }
  #social{
    display: grid;
    place-items: center;
    

  }
  #presentation{
    display: grid;
    place-items: center;
  }
  blockquote{
    color: black;
  }


  .images img{
    
    float: left;
    width:300px;
    padding: 10px;
  }
  @media only screen and (max-width: 1080px) {

    #contact-info{
     display:block;
    }
    #map{
      margin-top: 0%;
      margin-left: 0%;
      
  
    }
    #map-iframe{
      width: 100%;
    }
    #con{
      margin-top: 0%;
      margin-right: 0%;
      
      
    }
    #social-iframe{
      width: 100%;
    }
    #presentation-iframe{
      width: 100%;
    }
  }