html, body{
  color: #ffffff !important;
  font-family: "Graphik-Regular" !important;
  font-size: 16px;
  scroll-behavior: smooth;
}
/* Header Fixed for Video */
header {
  position: relative;
  background-color: #0F1C8C;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}
/* Full Height Video */
header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/* Make the Title above the video */
header .container {
  position: relative;
  z-index: 2;
}
a{
  text-decoration: none !important;
  color: white;
}
h1 {
     text-align: center;
     color: #ffffff;
     font-size: 6.125rem;
     font-family: "Graphik-Semibold";
}
h2{
    text-align: left;
    color: #ffffff; 
    font-size: 5.0625rem;
    font-family: "Graphik-Semibold";
    padding-bottom: 13%;
}
p{
  font-family: "Graphik-Regular";
  font-size: 1.3125rem;
}
/* Make the video only appear at desktop */
@media screen and (min-width: 601px) {
  .video-mobile {
    display: none;
  }
}
/* Make the video only appear at mobile */
@media screen and (max-width: 600px) {
  .video-desktop {
    display: none;
  }
}

.overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0.7;
  z-index: 1;
  background: #000000;
}
.title{
  font-family: "BerlingskeSerifStencil" !important;
  text-align: left;
  align-items: center;
  line-height: 0.9 !important;
  font-size: 5.125rem;
  padding-bottom: 5rem;
}
.video-menu-style{
  font-size: 1.3125rem;
}
.gradient{
  padding-top: 12%;
  padding-bottom: 5.3%; 
  background-image: linear-gradient(to bottom, rgba(15,28,140,1), rgba(24,24,24,1));
}
.second-title{
  font-size: 4.375rem;
}
.content-title{
  font-family: "Graphik-Semibold";
  font-size: 2.25rem;
  line-height: 2.25rem;
}
.content-text{
  font-size: 1.3125rem;
}
.list-text{
  font-size: 1.125rem;
}
.footer-list{
  margin-bottom: 13%;
}
#title_list{
  font-family: "Graphik-Semibold";
 }
.footer{
  padding-top: 24%;
  padding-bottom: 5.4%; 
  background-color: #0F1C8C;
}
.footer-title{
  text-align: left;
  color: #ffffff;
  font-size: 4.375rem;
  font-family: "Graphik-Semibold";
  padding-bottom: 13%;
  text-align: left;
  line-height: 4.375rem;
}
.footer-social-media{
  font-size: 1.3125rem;
}
.row{
  margin-bottom: 21%;
}
.list-item{
  border-bottom: 2px #000000 solid;
}
.link{
  font-family: "Graphik-Regular";
  color: #ffffff;
  padding-bottom: 2%;
  border-bottom: 2px #ffffff solid;
}
.link:hover{
  text-decoration: none;
  color: white;
  border-bottom: 3px #ffffff solid;
}
.link2{
  font-family: "Graphik-Regular";
  color: #ffffff;
  font-size: 1.3125rem;
}
.link2:hover{
  text-decoration: none;
  color: white;
}
.item-list{
  font-size: 1.625rem;
  display: inline-block;
  padding-right: 2%;
}
.container{
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.video-menu-position{
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none;
}

@media screen and (min-width: 576px) {
html, body{
  font-size: 18px;
}
.video-menu-style{
  font-size: 1.2777777777777777rem;
}
.second-title{
  font-size: 3.888888888888889rem;
}
.content-title{
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.content-text{
  font-size: 1.2777777777777777rem;
}
.list-text{
  font-size: 1rem;
}
.footer{
  padding-top: 17%;
  padding-bottom: 0.1%;
}
.footer-title{
  font-size: 3.888888888888889rem;
  line-height: 3.888888888888889rem;
  padding-bottom: 10%;
}
.footer-social-media{
  font-size: 1.2777777777777777rem;
}
.link{
  font-size: 1.2777777777777777rem;
}
}

/** Medium Devices **/
@media screen and (min-width: 768px) {
  html, body{
    font-size: 20px;
  }
  .desktop-title{
    font-size: 4rem;
  }
  .second-title{
    font-size: 3.75rem;
    text-align: center;
  }
  .content-text{
    font-size: 1.1rem;
  }
  .row{
    margin-bottom: 15%;
  }
  .list-text{
    font-size: 0.9rem;
  }
  .footer-title{
    font-size: 3.75rem;
  }
  .footer{
    padding-top: 12.5%;
  }
  .footer-list{
    margin-bottom: 7%;
  }
  .link2{
    font-size: 1.1rem;
  }
  .footer-social-media{
    font-size: 1.1rem;
  }
  .left-list{
    line-height: 2rem;
  }
}

@media screen and (min-width: 1200px) {
  html, body{
    font-size: 21px;
  }
  .desktop-title{
    font-size: 4.333333333333333rem;
  }
  .video-menu-style{
    font-size: 1.1428571428571428rem;
  }
  .gradient{
    padding-top: 5.3%;
  }
  .second-title{
    font-size: 4.571428571428571rem;
    padding-bottom: 9%;
  }
  .row{
    margin-bottom: 9%;
  }
  .gradient{
    padding-bottom: 0.1%;
  }
  .content-title{
    font-size: 3.0476190476190474rem;
    line-height: 3.0476190476190474rem;
  }
  .content-text{
    font-size: 1.4285714285714286rem;
  }
  .list-text{
    font-size: 0.8571428571428571rem;
  }
  .footer-title{
    font-size: 4.571428571428571rem;
    line-height: 4.571428571428571rem;
    text-align: center;
  }
  .item-list{
    font-size: 1.2380952380952381rem;
  }
  .right-list{
     margin-bottom: 6%;
  }
  .left-list{
    margin-bottom: 3%;
  }
  .footer-social-media{
    font-size: 1.2380952380952381rem;
  }
  .footer{
  padding-top: 5.29%;
  padding-bottom: 1.29%;
  }
}



/**.more{
  font-size: 1.3125rem;
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}
}**/
/** No Media Queries for mobile, since is default in Bootstrap **/
/** Small Devices **/

/** Large Devices 
@media screen and (min-width: 992px) {
  h3{
    text-align: center;
    padding-bottom: 8.89%
  }
  .footer{
    padding-top: 10%;
    padding-bottom: 0.1%;
  }
  .row{
    margin-bottom: 8.89%;
  }
  .gradient{
    padding-top: 10.1%;
  }
  h2{
    padding-bottom: 8.89%;
  }
  h1{
    font-size: 4.555555555555555rem !important;
  }
  .teste123{
    font-size: 1.4444444444444444rem !important;
    padding-bottom: 0.7rem;
  }
  .about-title{
    line-height: 3rem;
  }
  .item-list{
    font-size: 1.3333333333333333rem;
  }
  p{
    font-size: 1.5rem;
  }
}

/** Extra-Large Devices 
.animation{
      width: 100px;
      height: 100px;
      background-color: red;
      position: relative;
      animation-name: example;
      animation-duration: 4s;
}
**/
/**
@media not all and (min-resolution:.001dpcm) { 
  @media {
    .safari10 { 
      margin-top:-25px; 
    }
  }
}
**/