body
{
  margin: 0 !important;
  background: url(../img/bg.png) no-repeat center center fixed; 
  background-size: cover;  
  text-align: center;
}

.header { display: flex; justify-content: space-between; align-items: center; padding: 10px; }
.logo { flex: 0 0 auto; }
.navigation { display: flex; place-items: center;}
.navigation a { margin-left: 10px; text-decoration: none; }
.main-images { text-align: center;}
.main-images img 
{
  display: block;
  max-width: 100%;
  height: auto;
  margin: 20px auto;
}

.contact-link { text-align: center; margin-top: 40px; }

.footer
{
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 40px;  
  box-shadow: 0 -2px 5px rgba(0,0,0,0.3);
  background: url(../img/footer.png);
}

.footer-images, .mobile_number
{
  padding: 10px;
  display: block;
  margin: auto;
}

.footer-images img, .mobile_number img
{
  width: auto;
  height: auto;
  margin: 0 5px;
  max-width: 80%;
}


a, a:focus, a:hover,.btn-notify
{
  text-decoration: none;
  color: #fff; 
}

.btn-notify {  
  text-shadow: none;
  background-color: transparent;
  border: 2px solid #fff;  
  padding: 0.5rem 2rem; 
  margin-top: 40px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 40px;
}

.btn-notify:hover, .btn-notify:focus
{
  background-color: rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 768px)
{
  .header, .navigation, .main-images, .contact-link, .footer
  {
    text-align: center;
  }
  .header { flex-direction: column; align-items: center; }
  .logo img { width: 80%; }
  .navigation a { margin: 0 10px 10px 10px; display: inline-block; }
  .navigation { justify-content: center; flex-wrap: wrap; }
  .main-images {  width: auto; max-width: 80%; margin: auto; }
  .main-images img { margin-top: 10px; width: auto; }
  .footer { padding: 5px; }
  .footer-images img { width: 40%; }
  .mobile_number img { width: 80%; }
}
@media only screen and (max-width: 480px)
{
  .header { padding: 5px; }
  .navigation a { margin: 0 5px 5px 5px; }
  .contact-link, .footer { padding: 5px; }
  .footer-images img,
  .mobile_number img { width: 80%; }
}