/* @font-face {
  font-family: "Font Awesome 7 Brands";
  src:
    url("build/fonts/fa-brands-400.woff2") format("woff2");
} */

/* ==========================================================================
   Social
   ========================================================================== */

    .social {        
        background-color: #05b1a9;
    }

   .social__content {
        display: flex;
        flex-direction: column;
   }

   .social__title {
        color: #FFF!important;
        padding-top: 20px;
        margin: 0;
   }

   .social__link {
        text-decoration: none!important;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
   }

   .social__link:hover span,
   .social__link:hover i {
        color: #f9ed43!important;
   }

   .social__link i {
        font-size: 22px;
        color: #FFF!important;
   }

   .social__link span {
        color: #FFF!important;
        font-size: 20px;
        font-weight: bold;
        margin-left: 10px;
   }

   @media all and (min-width: 768px) {


   .social__content {
        flex-direction: row;
        justify-content: space-between;
        max-width: 620px;
   }

   }