h1 {
  font-size: 4rem;
}

@media (max-width: 1200px) {
    body.scrolled #site-header {
        padding-top: 0.55rem !important;
        padding-bottom: 0.55rem !important;
        height: 4.5rem !important;
    }
}

@media (max-width: 1100px) {
    body.scrolled #site-header {
        padding-top: 0.63rem !important;
        padding-bottom: 0.63rem !important;
        height: 5rem !important;
    }
}

#site-nav {
  display: inline-block;
  margin: 6rem 0rem;
  line-height: 50px;
  vertical-align: middle;
}

#site-nav .weather{
  position: absolute;
  top: 230px;
  right: 80px;
  color: #13D2DF;
  line-height: 2rem;
}

#site-nav .weather img{
    padding-bottom: 0.15rem;
    width: 1.5rem;
}

body.scrolled #site-header {
  position: fixed !important;
  top: 0;
  right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: 4.3rem;
  background: rgba(148, 233, 255, 1);
}
body.scrolled #site-nav {
  margin: 0rem 0rem;
}
body.scrolled #site-nav a {
  display: inline-block;
  margin: 0 0.5rem;
  color: #052755;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
body.scrolled #site-nav .icon{
  margin: 0.5rem;
  width: 1.5rem;
}
body.scrolled #site-nav .logo{
  width: 3rem;
  margin-right: 3rem;
}
body.scrolled #site-nav .social {
  display: inline-block;
  margin-left: 2rem;
}
body.scrolled #site-nav .weather{
  position: inherit;
  color: #052755;
  line-height: 2rem;
}

#site-header {
  padding: 0em;
  height: 470px;
  border-bottom-width: 0px;
}

#menu-wrap {
  display: inline-block;
}

#site-content .about-us .logo {
  padding-top: 40%;
}

#site-header,
section {
  border-bottom-width: 2px;
}

section.intro {
  padding: 0;
  height: 60vw;
}

section.intro .slide .content {
  position: absolute;
  bottom: 25vw;
  width: 100%;
  color: #ffffff;
  text-align: right;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 4;
}

@media (min-width: 1000px) {
  section.intro .slide .content {
    position: absolute;
    bottom: 35vw;
    width: 100%;
    color: #ffffff;
    text-align: right;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
  }
}

section.boxes .box {
    margin-bottom: 6rem;
}

section.boxes .box .box-content {
    display: flex;
    align-items: center;

}

section.boxes .box:nth-child(2n+0) .box-content {
    flex-direction: row-reverse;
    padding-right: 5%;
    padding-left: 0%;
}
section.boxes .box:nth-child(2n+1) .box-content {
    padding-right: 0%;
    padding-left: 5%;
}

section.boxes .box .box-content .box-content-txt {
    width: 25%;
    color: #0480d5;
    font-size: 1.1rem;
}

section.boxes .box .box-content .box-content-img {
    width: 60%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

section.boxes .box .box-content .box-content-img img{
    width: 100%;
}

section.boxes .box .box-content .box-content-arrow {
    width: 10%;
    height: 38vw;
    max-height: 480px;
}

section.boxes .box .box-content .box-content-arrow .arrow-next button {
    width: 100%;

}

section.boxes .box .box-content .box-content-arrow .arrow-next button img{
    width: 100%;
    height: 18vw;
    margin-bottom: 1vw;
    max-height: 227px;
}

section.boxes .box .box-content .box-content-arrow .arrow-prev button {
    width: 100%;

}

section.boxes .box .box-content .box-content-arrow .arrow-prev button img{
    width: 100%;
    height: 18vw;
    margin-top: 1vw;
    max-height: 227px;
}

@media (min-width: 1250px) {
    section.boxes .box .box-content .box-content-arrow .arrow-next button img{
        margin-bottom: 13px;
    }

    section.boxes .box .box-content .box-content-arrow .arrow-prev button img{
        margin-top: 13px;
    }
}

#site-content .pth{
    position: absolute;
    top: 400px;
    left: 6vw;
}

section.boxes2 .box {
    margin-bottom: 6rem;
}

section.boxes2 .box .box-content {
    display: flex;
    align-items: center;

}

section.boxes2 .box:nth-child(2n+0) .box-content {
    flex-direction: row-reverse;
    padding-right: 5%;
    padding-left: 0%;
}


section.boxes2 .box:nth-child(2n+1) .box-content {
    padding-right: 0%;
    padding-left: 5%;
}


section.boxes2 .box .box-content .box-content-txt {
    width: 30%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    font-size: 1.5rem;
}

section.boxes2 .box .box-content .box-content-txt h2{
    font-size: 3rem;
}

section.boxes2 .box .box-content .box-content-img {
    width: 65%;

}

section.boxes2 .box .box-content .box-content-img img{
    width: 100%;
}

section.miniboxes .box .box-content .box-content-img {
    width: 100%;

}

section.miniboxes .box .box-content .box-content-img img{
    width: 100%;
}

section.boxes3 .box {
    margin-bottom: 3rem;
    margin-left: 7vw;
}

section.boxes3 .box .box-content {
    display: flex;
    align-items: center;

}

section.boxes3 .box .box-content .box-content-txt {
    width: 50%;
    color: #052755;
    font-size: 1.1rem;
}

section.boxes3 .box .box-content .box-content-img {
    width: 30%;
    margin-right: 2.5%;
}

section.boxes3 .box .box-content .box-content-img img{
    width: 100%;
}

section.intro2 .picbox{
    display: flex;
    align-items: center;
}

section.intro2  .picbox .pic {
    width: 70%;
    padding-right: 1%;
}

section.intro2  .picbox .pic img{
    width: 100%;
    height: auto;
}

section.intro2  .picbox .pictext {
    width: 28%;
    padding-left: 1%;
}

section.events {
    padding: 0;
    height: 60vw;
}

section.events .slide .content {
    position: absolute;
    bottom: 35vw;
    width: 100%;
    color: #ffffff;
    text-align: right;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
}