/* ----------------------------------------------Contact------------------------------------------------ */

#Contact{
  background: var(--black);
  width: 100%;
  height: 400px;
  margin: auto;
  align-items: center;
}

#Contactsside{
    width: 60%;  
    margin:auto;
    padding-top: 100px;
    padding-bottom:100px;
  }
  .contactsbuttons{  
    display: flex;
    flex-direction: row;
    justify-content: center;  
  }
  .tel,
  .email{
    display: flex;
    flex-direction: column;  
    align-items: center;  
    flex: 50%;
    margin:20px;
  }
  .contactsbuttons .fas{  
    font-size: 2.3em;
    color: hsl(40,100%,60%);
    padding:20px;
    border: 2px solid hsl(40,100%,60%);
    border-radius: 50%;
  }
  .contactsbuttons a{
    font-size: 1.5em;
    text-decoration: none;
    color: var(--white);
    text-align: center;
    margin-top:10px;
    margin-bottom: 10px;
    transition: color linear .5s;
  }
  .contactsbuttons a:hover{
    color:hsl(40,100%,60%);
  }
  
  @media(max-width: 700px){
    #Contactsside{    
      margin-top: 4em;
    }
    .contactsbuttons .fas{  
      font-size: 1.8em;    
    }  
    .contactsbuttons a{
      font-size: 1.2em;    
    }
  }