html, body {
  height: 100%;
  background-size: cover;
  font-family: Georgia, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.page-wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: no-repeat center center;
  background-size: cover;
}

header {
  box-sizing: border-box;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 0;
}
header .menu-container {
  padding-top: 25px;
}
header .menu-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
header .menu-container ul li {
  display: inline-block;
  font-size: 20px;
  min-width: 200px;
  color: #000;
  cursor: pointer;
}
header .menu-container ul li a {
  color: #000;
  text-decoration: none;
}
header .menu-container ul li .goto-container {
  display: none;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.6666666667); /*rgba(255, 255, 255, 0.8);*/
  margin-top: 25px;
}
header .menu-container ul li .goto-container div {
  padding: 12px 10px;
}
header .menu-container ul li .goto-container div:hover {
  background-color: rgba(255, 255, 255, 0.5333333333);
}
header .menu-container ul li.clock {
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
}

.goto-trigger:hover .goto-container {
  display: block;
  position: relative;
}

.content-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.content-container .content-wrapper {
  width: 750px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #032d42;
  box-sizing: border-box;
  padding-bottom: 30px;
  border-radius: 20px;
  margin-bottom: 200px;
}
.content-container .content-wrapper .logo {
  width: 60%;
  margin: 20px auto 40px auto;
}
.content-container .content-wrapper .top-logo {
  margin: 20px auto 40px auto;
  padding-right: 50px;
  text-align: right;
}
.content-container .content-wrapper .top-logo img {
  width: 30%;
}
.content-container .content-wrapper .bottom-logo {
  margin: 20px auto 0px auto;
  text-align: right;
  padding-right: 50px;
}
.content-container .content-wrapper .bottom-logo img {
  width: 8%;
}
.content-container .content-wrapper h1 {
  font-family: Gilroy-Bold, Arial, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #032d42;
}
.content-container .content-wrapper h2 {
  font-family: Gilroy-Bold, Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 42px;
  margin: 0px 0 20px 0;
}
.content-container .content-wrapper h3 {
  font-family: Gilroy-Bold, Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 26px;
  margin: 20px 0 20px 0;
}
.content-container .content-wrapper ul {
  margin: 0 0 40px 0;
  padding: 0;
}
.content-container .content-wrapper ul li {
  display: block;
  width: 80%;
  margin: 0 auto 10px auto;
}
.content-container .content-wrapper p {
  color: #000;
  font-size: 20px;
}

.input-items {
  box-sizing: border-box;
  padding: 0 30px;
  text-align: left;
}
.input-items .form-item {
  margin-bottom: 20px;
}
.input-items .form-item label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.input-items .form-item .form-control, .input-items .form-item .form-select {
  border: 1px #032d42 solid;
}
.input-items .form-item textarea {
  resize: none;
  height: 100px;
}
.input-items.register-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.input-items.register-items .form-item {
  flex-basis: 48%;
}
.input-items.register-items .form-item.large {
  width: 100%;
  flex-basis: 100%;
}

.button-block {
  margin-top: 40px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  column-gap: 30px;
  justify-content: center;
}

.form-button {
  display: inline-block;
  border: 0;
  text-decoration: none;
  background-color: #08BED5;
  color: #fff;
  font-weight: bold;
  padding: 10px 30px;
  min-width: 175px;
  transition-duration: 0.3s;
  text-align: center;
  border-radius: 20px;
  border: 3px #08BED5 solid;
  font-family: Arial, Helvetica, sans-serif;
}
.form-button:hover {
  background-color: #fff;
  color: #08BED5;
}
.form-button.blue {
  background-color: #032d42;
  color: #fff;
}
.form-button.blue:hover {
  background-color: #18414a;
}
.form-button.full-width {
  width: 90%;
}

.form-error {
  display: none;
  color: #f00;
  font-weight: bold;
  font-size: 12px;
}

.resource-item-container {
  width: 80%;
  margin: 35px auto 0 auto;
  padding-bottom: 26px;
}
.resource-item-container .resource-item {
  margin-bottom: 20px;
}