:root {
  --link-color: #ff9600;
  --bg-color: #f6e9d9;
  --text-color: #004b87; }

body {
  background-image: url("../img/bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  margin: 0;
  font-size: 1vw;
  text-transform: none;
  font-weight: normal;
  color: var(--text-color);
  background-color: var(--bg-color); }
  @media (width <= 1250px) {
    body {
      font-size: 14px; } }

.info-box {
  max-width: 1310.4px;
  margin-left: calc(10%);
  margin-right: calc(45%);
  margin-top: calc(15%);
  display: flex;
  flex-direction: column; }
  @media (width <= 1250px) {
    .info-box {
      max-width: 60%;
      margin-left: calc(10%);
      margin-right: calc(15%);
      margin-top: 0px; } }
  .info-box h1 {
    font-size: 400%;
    font-weight: bold;
    font-family: "Prompt"; }
  .info-box .sub-text {
    font-size: 150%;
    margin-bottom: 40px; }
  .info-box .sub-sub-text {
    font-size: 120%; }
  .info-box p {
    font-size: 100%; }
  .info-box .link-box {
    width: 60%;
    padding: 20px;
    border: 1px solid var(--link-color);
    color: var(--link-color);
    margin-bottom: 20px;
    padding-left: 10%; }
  .info-box .link-box .content {
    display: flex;
    flex-direction: column; }
  .info-box .link-box .header {
    cursor: pointer; }
  .info-box a {
    color: var(--link-color);
    text-decoration: none;
    flex: 1;
    margin-top: 30px;
    margin-left: 30px;
    font-size: 80%; }
  .info-box i {
    font-size: 70%; }

/*# sourceMappingURL=style.css.map */