/* contacts */

#contacts {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;

   min-height: 400px;
   padding: 10px;
}

@media (min-width: 550px) {
   #contacts {
      padding: 75px;
   }
}

#contacts > div {
   width: 90%;
}

@media (min-width: 550px) {
   #contacts > div {
      width: 75%;
   }
}

#contacts h2 {
   color: #333;
   font-size: 28px;
   font-weight: 400;
   line-height: 1.1;
}

#contacts p {
   max-width: 175px;

   color: #333;
   font-size: 18px;
   line-height: 1.5;
}

#contacts p:last-child {
   max-width: none;
}

@media (min-width: 280px) {
   #contacts p {
      max-width: none;
   }
}

#contacts a {
   display: block;

   color: #655e7a;
   font-weight: 500;
   text-decoration: none;
}

@media (min-width: 550px) {
   #contacts a {
      display: inline;
   }

   #contacts a br {
      display: none;
   }
}