.top-side {
  border-bottom: none;
}

main {
  background-image: url('/assets/icons/World-map.png');
  background-size: contain;
  background-position: 50% 0%;
  background-repeat: no-repeat, repeat;
  background-size: contain;
  height: 100vh;
  margin: auto;
  padding: 100px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "Cormorant";
  color: white;
}

main a, span {
  color: #C5AC88;
  text-decoration: none;
}

main a:hover {
  color: white;
}

.logo-image {
  width: 40%;
  min-width: 200px;
  height: auto;
  padding: 100px 0;
}

.logo-title {
  font-size: 1.5em;
  letter-spacing: 20px;
}

main .footer-links-block {
  font-size: 1em;
  letter-spacing: 10px;
}

.separator {
  padding: 50px 0;
}

@media (max-width: 1480px) {

  .logo-title {
    font-size: 1.3em;
    letter-spacing: 15px;
  }

  main .footer-links-block {
    font-size: 0.8em;
    letter-spacing: 8px;
  } 
}

@media (max-width: 1262px) {

  .logo-title {
    font-size: 1em;
    letter-spacing: 9px;
  }

  main .footer-links-block {
    font-size: 0.7em;
    letter-spacing: 7px;
  } 

  main {
    background-position: 50% 40%;
  }

  .separator img {
    width: 100px;
    margin: auto;
  }

  .logo-image {
    padding-bottom: 50px;
  }
}

@media (max-width: 1072px) {

  .logo-title {
    letter-spacing: 9px;
  }
}

@media (max-width: 1040px) {

  .logo-title {
    letter-spacing: 8px;
  }
}

@media (max-width: 1008px) {

  .logo-title {
    font-size: 1em;
  }

  main .footer-links-block {
    letter-spacing: 6px;
  } 
}

@media (max-width: 950px) {

  .logo-title {
    letter-spacing: 7px;
  }

  main .footer-links-block {
    letter-spacing: 5px;
  } 
}

@media (max-width: 878px) {

  .logo-title {
   font-size: 0.7em;
  }

  main .separator-links {
    display: flex;
    flex-direction: column;
  } 

  main .separator-links a {
    border-bottom: #bda787 1px solid;
    margin-bottom: 15px;
    padding-bottom: 5px;
  } 

  main .separator-links span {
    display: none;
  }

  .logo-image {
    padding-bottom: 20px;
  }

  .separator {
    padding: 20px 0; 
  }
}

@media (max-width: 612px) {

  .logo-title {
   letter-spacing: 5px;
   } 

   main {
     padding: 50px;
   }
}