body{ background-color: #03301b; color: #fff;}
a{color: #fff; text-decoration: none;}
a:hover{text-decoration: underline;}



img{max-width: 100%;}
h1{text-transform: uppercase; font-weight: bold; font-size: 3rem;}

.social{margin-top: 4vh;}
.social i{font-size: 3rem; margin: 0 2% 0 2%;}

.footer{margin-top: 10vh;}

@media (max-width: 768px) {
  h1{font-size: 2rem;}
  .footer{margin-top: 10vh;}

  /* MARGIN TOP COL & ICO & SOCIAL */
  img{max-width: 90%;}
  .col.mt-5{margin-top: 10px!important;}
  h3 i{display: block;margin-bottom: 5px; font-size: 2rem; margin-top: 30px;}
  h3.mt-5{margin-top: 25px!important;}
  .social p{margin-bottom: 3px!important;margin-top: 35px;}
  .social a{margin: 0 10px;}
  
}