body {
  width: 100vw;
  height: 100vh;
  background-image: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  display: flex;
  align-items: center;
}

body::before {
  content: '';
  display: block;
  background-color: #00000050;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.logo {
  max-width: 300px;
}

a {
  background-color: #ffffff;
  font-size: 36px !important;
}

@media only screen and (max-width: 1024px) {
  a {
    font-size: 26px !important;
  }
}

@media only screen and (max-width: 580px) {
  .logo {
    max-width: 200px;
  }
  .row>div:nth-child(1) {
    margin-bottom: 3rem;
  }
  a {
    font-size: 22px !important;
  }
}