p {
     font-family: "Montserrat";
     font-size: 1.3em;
}

h2 {
     font-family: "Montserrat";
     color: #0f2573;
     font-weight: 500;
     font-size: 2em;
}

h3 {
     font-family: "Montserrat";
     font-size: 1.3em; 
     font-weight: 500;
}

.title {
     padding-top: 10vh;
     padding-bottom: 8vh;
     text-align: center;
     p {
          font-family: "Montserrat";
          font-weight: 300;
          color: #0f2573;
          font-size: 3em;
          margin: 0;
     }
     h1 {
          font-family: "Lilita One";
          color: #0f2573;
          font-size: 5em;
          margin: 0;
     }
}

.swiper {
     height: 60vh;
     width: 80vw;
     .swiper-slide {
          img {
               width: 100%;
               height: 100%;
               object-fit: cover;
               object-position: 50% 50%;
          }
     }
     .swiper-button-next, 
     .swiper-button-prev {
          color: rgba(255,255,255,0.5);
          &:hover {
               color: white;
          }
     }
     .swiper-pagination-bullet {
          height: 12px;
          width: 12px;   
     }
     .swiper-pagination-bullet-active {
          background: white;
     }
}

.row {
     padding-top: 3vw;
     padding-left: 15vw;
     padding-right: 15vw;
     .col {
          padding-top: 5vw;
          padding-bottom: 5vw;
          img {
               width: 100%;
          }
     } 
}

.accordion {
     padding-left: 20vw;
     padding-right: 20vw;
     padding-top: 5vw;
     padding-bottom: 5vw;
     .title {
          padding: 0;
     }
     .accordion-header {
          cursor: pointer;
          &:hover {
               color: #0f2573;
          }
          h3:after {
               content: '\002b';
               float: right;
               font-size: 1.4em;
               font-weight: 100;
          }
     }
     .accordion-panel {
          height: 0;
          overflow: hidden;
          transition: all 300ms;
          border-bottom: 1px solid #bbb;
     }
     &.open {
          .accordion-header {
               color: #0f2573;
               h3:after {
                    content: '\2013';
               }
          }
          .accordion-panel {
               height: auto;
               padding: 10px 0;
          }
     }
     .accordion {
          padding: 1vw;
     }
}

.fade-in {
     opacity: 0;
     transition: opacity 700ms;
     &.in-view {
          opacity: 1;
     }
}

footer {
     padding: 20px 10vw;
     padding-bottom: 10vw;
     background-color: #0f2573;
     color: white;
     h1 {
          padding: 10vw;
          padding-bottom: 5vw;
          padding-left: 0;
          font-family: "Montserrat";
          font-size: 1.3em;
          font-weight: 500;
     }
}

@media screen and (min-width: 800px) {
     .row {
          display: flex;
          justify-content: space-between;

          .col {
               flex-basis: 45%;
               h2 {
                    margin-top: 0;
               }
          }
          &.two {
               flex-direction: row-reverse;
          }
     }
}