body {
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif;
}

h1 {
  text-align: center;
  color: #b45c6d;
  font-weight: 300;
}
h2 {
  text-align: center;
  font-weight: 300;
  font-size: 1.2rem;
}
h3 {
  text-align: center;
  font-weight: 300;
  font-size: 1.25rem;
  font-style: oblique;
}
h4 {
  text-align: center;
  font-weight: 700;
  font-size: 1.25rem;
}
a {
  color: #4054b2;
  text-decoration: none;
}

p {
  color: white;
  font-size: 1.15rem;
  text-align: center;
}

.title {
  font-size: 1.15em;
  color: #fff380;
}

.title-small {
  font-size: 0.9em;
  color: #fff380;
}

p span.title {
  font-size: 1em;
  margin-bottom: 5px;
  text-align: center;
}

span.sub-header {
  font-size: 1.15rem;
  font-weight: 400;
  text-align: left;
  display: block;
  margin-bottom: 10px;
}

span.sub-header-small {
  font-size: 0.9rem;
  font-weight: 400;
  text-align: left;
  display: block;
  margin-bottom: 10px;
}

span.point {
  font-size: 1.15rem;
  font-weight: 700;
  text-align: left;
  display: block;
  margin-bottom: 10px;
}
span.sub-point-header {
  font-size: 1.05rem;
  font-weight: 700;
  text-align: left;
  margin-left: 10px;
  display: block;
  margin-top: 10px;
}
span.sub-point {
  font-size: 1.05rem;
  font-weight: 400;
  text-align: left;
  margin-left: 10px;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.card {
  text-align: center;
}
.box {
  display: flex;
  flex-flow: column;
  height: 100vh;
}

.box .row.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 0 1 auto;
  /* The above is shorthand for:
    flex-grow: 0,
    flex-shrink: 1,
    flex-basis: auto
    */
  background-color: #b45c6d;
  height: 75px;
}

.box .row.content {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  padding-top: 5vh;
  padding-left: 5vw;
  padding-right: 5vw;
  /* background: url(etour-background.gif) no-repeat center; */
}

.box .row.footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  flex: 0 1 30vh;
  background-color: #b45c6d;
  padding-top: 5vh;
}
.box .row.footer .contacts {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-evenly;
  background-color: #b45c6d;
}

.box .row.footer .registration {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 0 1 5vh;
  margin-top: 2vh;
  margin-bottom: 1.5vh;
  font-size: small;
  font-weight: 600;
  color: #b45c6d;
  background-color: blanchedalmond;
}
.box .row.footer .registration .registration-section {
  margin: 0 20px;
}

.box .row.footer .links {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-evenly;
  background-color: #b45c6d;
  margin-bottom: 10px;
}

@media (max-height: 768px) {
  .box {
    height: 120vh;
  }
  .box .row.footer {
    flex: 0 1 70vh;
  }
  .box .row.footer .contacts .contact .contact-title {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .box {
    height: 150vh;
  }
  .box .row.footer {
    flex: 0 1 80vh;
  }
  .box .row.footer .contacts {
    flex-direction: column;
    align-items: stretch;
  }

  .box .row.footer .contacts .contact {
    flex-grow: 1;
  }

  .box .row.footer .contacts .contact .contact-title {
    margin-top: 30px;
    text-align: center;
  }

  .box .row.footer .contacts .contact-separator {
    height: 1px;
    background-color: #fff380;
    margin-left: 5%;
    margin-right: 5%;
    justify-self: center;
  }

  .box .row.footer .registration {
    flex-direction: column;
    align-items: stretch;
  }

  .box .row.footer .registration .registration-section {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
  }
}