/* CSS Document */
[class*="col-"] {
  width: 100%; }

@media only screen and (min-width: 768px) {
  .col-1 {
    width: 8.33%; }

  .col-2 {
    width: 16.66%; }

  .col-3 {
    width: 25%; }

  .col-4 {
    width: 33.33%; }

  .col-5 {
    width: 41.66%; }

  .col-6 {
    width: 50%; }

  .col-7 {
    width: 58.33%; }

  .col-8 {
    width: 66.66%; }

  .col-9 {
    width: 75%; }

  .col-10 {
    width: 83.33%; }

  .col-11 {
    width: 91.66%; }

  .col-12 {
    width: 100%; } }
.rot {
  color: #b51f2a; }

a {
  color: #04305e; }

body {
  background-color: #fff;
  color: #04305e;
  font-family: "DINOT";
  font-weight: 400;
  line-height: 1.3; }

ul {
  list-style-type: none;
  display: block;
  justify-content: center;
  width: auto;
  margin: 0px;
  padding: 0px; }
  ul li {
    margin: 0.5rem 0.4rem;
    width: 100%; }
  ul li:nth-child(1) {
    margin-left: 0px; }
  ul li:nth-child(3) {
    margin-right: 0px; }

main {
  clear: both;
  margin-top: 4rem;
  text-align: center; }

.wrapper {
  height: 100vH;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.content {
  display: flex;
  width: 100%;
  flex-direction: column; }

header img {
  width: 100%;
  height: auto; }

@media only screen and (min-width: 768px) {
  .content {
    width: 768px; }

  ul {
    list-style-type: none;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0px; }
    ul li {
      width: auto; }
    ul li:nth-child(1) {
      margin-left: 0px; }
    ul li:nth-child(3) {
      margin-right: 0px; } }
@media only screen and (min-width: 992px) {
  .content {
    width: 992px; } }
@media only screen and (min-width: 1200px) {
  .content {
    width: 1200px; } }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DINOT';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/dinot.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/dinot.eot?#iefix") format("embedded-opentype"), url("../fonts/dinot.woff2") format("woff2"), url("../fonts/dinot.woff") format("woff"), url("../fonts/dinot.ttf") format("truetype"), url("../fonts/dinot.svg#DINOT") format("svg");
  /* Legacy iOS */ }