body {
   display: block;
}

main {
   margin-bottom: 0px;
}

video {
   width: 100%;
   height: auto;
   margin-top: -15px;
   object-fit: contain;
   -o-object-fit: contain;
   z-index: -999;
}

.heading {
   margin: 5px auto 20px auto;
   width: 75%;
   font-size: 30px;
   font-weight: lighter;
   font-style: italic;
   letter-spacing: 0.05px;
   color: #50558B;
   text-align: center;
   transition: all 1s ease;
   -moz-transition: all 1s ease;
   -webkit-transition: all 1s ease;
}

#section0 .fp-tableCell {
   vertical-align: top;
}

#img-certs {
   height: 180px;
}

.div-message {
   padding: 10px 0px;
   font-size: 20px;
   line-height: 30px;
   color: #EEE;
}

.div-cert {
   height: auto;
   width: calc((100% / 4) - 20px);
   padding: 10px;
   user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -webkit-touch-callout: none;
   transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
   -webkit-transition: all 0.25s ease-in-out;
}

.div-cert p {
   height: 0px;
   width: 0px;
   color: #FFF;
   transform: scale(0);
   margin: 0px;
   padding: 5px 0px 0px;
}

.div-cert:hover > img {
   filter: saturate(1) drop-shadow(1px 1px 5px #0006) drop-shadow(-1px -1px 5px #0006);
   -webkit-filter: saturate(1) drop-shadow(1px 1px 5px #0006) drop-shadow(-1px -1px 5px #0006);
   transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
   -webkit-transition: all 0.25s ease-in-out;
}

.selected > img {
   filter: saturate(1) drop-shadow(1px 1px 5px #0003) drop-shadow(-1px -1px 5px #0003);
   -webkit-filter: saturate(1) drop-shadow(1px 1px 5px #0003) drop-shadow(-1px -1px 5px #0003);
   transform: scale(1.15);
   -o-transform: scale(1.15);
   -ms-transform: scale(1.15);
   -moz-transform: scale(1.15);
   -webkit-transform: scale(1.15);
}

.cert-desc {
   height: 20px;
   width: 100%;
   color: #4040AA;
   margin: 30px auto 30px auto;
   line-height: 20px;
   font-size: 20px;
}

.img-certlogo {
   height: auto;
   width: 100%;
   margin: 0px;
   filter: saturate(0.25);
   -webkit-filter: saturate(0.25);
   transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   overflow: visible;
   transition: all 0.25s ease-in-out;
   -moz-transition: all 0.25s ease-in-out;
   -webkit-transition: all 0.25s ease-in-out;
}

.div-division {
   overflow: visible;
   z-index: 0;
}

h2 {
   color: #273B7B;
}

.link-post {
   height: auto;
   width: auto;
   margin: 0px;
}

#section1 .fp-tableCell {
   vertical-align: top;
   padding-top: 15%;
}

#section1 {
   width: 90%;
   margin: auto;
   z-index: 10;
}

.div-carousel {
   width: 100%;
   height: auto;
   position: relative;
   top: 0;
   left: 0;
   transform-origin: center;
   -ms-transform-origin: center;
   -moz-transform-origin: center;
   -webkit-transform-origin: center;
   padding: 0px;
   overflow: hidden;
   position: relative;
   text-align: center;
}

.div-header {
   margin: 15px auto 0px auto;
   height: auto;
   width: 100%;
   font-size: 25px;
   font-weight: lighter;
   letter-spacing: 0.05px;
   color: #50558B;
   text-align: center;
   transition: all 1s ease;
   -moz-transition: all 1s ease;
   -webkit-transition: all 1s ease;
}

.div-header h3 {
   margin: auto;
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}

.post {
   height: 100%;
   width: calc((90vw / 3) - 30px);
   background-color: #F8F8F8;
   padding: 15px;
   margin: 0px 0px 15px;
   border: solid 1px #CCC;
   border-radius: 5px;
   justify-content: space-around;
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}

.image-container {
   height: calc(56.25vw / 3);
   width: 100%;
   overflow: hidden;
   user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -webkit-touch-callout: none;
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}

.post img {
   width: 100%;
   height: 100%;
   margin: 0px;
   object-fit: cover;
   -o-object-fit: cover;
   transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   filter: grayscale(0.8);
   -webkit-filter: grayscale(0.8);
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}

.post img:hover {
   transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   filter: grayscale(0);
   -webkit-filter: grayscale(0);
   transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
}

.post #titulo {
   height: 3em;
   margin: 5px 0px 0px 0px;
   font-size: 14px;
   color: #273B7B;
}

.post h4 {
   margin: 5px 0px 0px;
   font-size: 13px;
   color: #576BAA;
}

#section2 {
   display: flex;
   -ms-display: flex;
   -moz-display: flex;
   -webkit-display: flex;
   flex-direction: row;
   -ms-flex-direction: row;
   -moz-flex-direction: row;
   -webkit-flex-direction: row;
   flex-flow: row;
   -ms-flex-flow: row;
   -moz-flex-flow: row;
   -webkit-flex-flow: row;
   margin-top: auto;
}

#section2 .fp-tableCell {
   display: flex;
}

#section2 .carousel {
   margin: 0px auto;
}

#fundo {
   background-color: #7D81AA;
   box-shadow: 0px 0px 15px 0px #000A;
   text-align: center;
   font-size: 20px;
   line-height: 20px;
}

#fundo .div-wrapper {
   padding-bottom: 15px;
}

#section4 h3{
   text-align: center;
   color: #273B7B;
   margin-bottom: 50px;
}

#div-noticias {
   width: 90%;
}

.button {
   margin-top: 30px;
}

.footer {
   width: 100%;
   background-color: #333;
   margin-top: 30px;
   padding-bottom: 70px;
   z-index: -1;
}

.footer .text {
   line-height: 15px;
}

.div-bar .text {
   margin-right: 0px;
}

.creditos {
   text-decoration: underline;
   cursor: pointer;
   font-size: 14px;
   color: #DDD;
   margin: 10px;
   margin-left: 0px;
}

@media screen and (max-width: 950px) {
   video {
      margin-top: 0px;
   }
}

@media screen and (max-width: 888px) {
   .heading {
      width: 90%;
      margin-top: 30px;
      font-size: 30px;
      transition: all 1s ease;
      -moz-transition: all 1s ease;
      -webkit-transition: all 1s ease;
   }

   .div-cert {
      width: calc((100% / 2) - 10px);
      transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -webkit-transition: all 0.25s ease-in-out;
      justify-content: space-around;
   }

   .cert-desc {
      margin-top: 10px;
      margin-bottom: 40px;
   }

   #section1, #section2 {
      height: auto !important;
   }

   #section1 .fp-tableCell {
      height: auto !important;
      padding-top: 20px;
      padding-bottom: 200px !important;
   }

   #section2 {
      padding-top: 100px;
   }

   #section2 .fp-tableCell {
      height: auto !important;
      padding-top: calc((90% / 2) - 10px) !important;
      transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
   }

   .div-message {
      font-size: 14px;
      line-height: 23px;
   }

   .post img {
      transform: scale(1);
      filter: grayscale(0);
      -webkit-filter: grayscale(0);
      transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
   }

   #section3, #section3 .fp-tableCell {
      height: auto !important;
      padding-top: 0px !important;
      padding-bottom: 0px !important;
   }

   .footer {
      padding-bottom: 0px;
   }
}

@media screen and (max-width: 820px) {
   .post {
      width: 90vw;
      height: 56.25vw;
      transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
   }

   .image-container {
      height: calc(100% - 13px - 3em);
      width: 100%;
      transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
   }
}

@media screen and (max-width: 450px) {
   #section2 .fp-tableCell {
      height: auto !important;
      padding-top: calc((50% / 2) - 10px) !important;
      transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
   }

   .div-header h3 {
      font-size: 30px;
      transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -webkit-transition: all 0.5s ease-in-out;
   }
}