body {

   font-family: Arial, Helvetica, sans-serif;

   font-weight: 600;

   color: #3f3636;

}



body::after {

   content: "";

   background: url(img/pattern.jpg);

   opacity: 0.1;

   top: 0;

   left: 0;

   bottom: 0;

   right: 0;

   position: absolute;

   z-index: -1;

}



.footer {

   margin: 30px 0;

}



.footer p {

   margin-bottom: 0;

}



.logo {

   width: 250px;

   margin: 10px 0;

}



.card {

   padding: 14px;

   background-image: url(img/bg.jpg);

   border: 1px solid rgba(0, 0, 0, 0.021);

   border-radius: 8px;

   box-shadow: 1px 1px 25px #3333;

}



.grey-bg {

   margin-top: 20px;

   margin-bottom: 30px;

   background-color: #e8e8e8;

}



img {

   margin-bottom: 20px;

   max-width: 88vw;

}



.fb {

   height: 25px;

   bottom: 7px;

   position: relative;

   margin-right: 5px;

   margin-bottom: 0;

}



a {

   text-decoration: none;

   color: #3f3636;

}



@media only screen and (min-width: 1000px) {

   body {

      height: 100vh;

   }

}