/* #############################################
CSS specific to CONTACT.php

####################################  */

.contact-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25%;
  text-align: center;
  height: 100vh;
  display: flex;           
  flex-direction: column;  
  justify-content: center; 
}

.contact-container h1 {
  font-size: 2.5em;
  margin-bottom: 20px;
}

.contact-details {
  display: flex;
  justify-content: space-between;
  font-size: 1.5em;
}

.contact-details a {
  color: #333;
  text-decoration: none;
}

.contact-details a:hover {
  color: rgb(180,20,90);
}

/* Adjustments for Small devices (landscape phones, 768px and down) */
@media only screen and (max-width: 768px) {
    
    .contact-container h1{
      font-size: 1.2rem;
    }
    
    .contact-details {
      flex-direction: column;
      font-size: 1rem; 
    }
    
    .email{
      margin-bottom: 2rem;
    }
}