html, form, body, .container {
   height: 100%;
   width: 100%;
   margin: 0px;
   border: 0px;
   padding: 0px;
   font-family: 'Roboto', sans-serif;
}

body {
   background-color:rgba(222, 222, 222, 1); 
}

.rellax {
   position:relative;
}

.btn:hover {
   box-shadow: 0px 0px 40px white;
}

.titulo {
   text-align: center;
   width: 100%;
   height: 100%;
   position: absolute;
   background-color: rgb(228,235,237);
}

.titulo img {
   margin-top:35px;
   width: 50%;
   max-width: 400px;
}

.titulo p {
   font-size: 150%;
   color: rgba(40, 64, 87, 1);
   font-family: 'Roboto', sans-serif;
   font-weight: bold;
   z-index: 2;
   width: 50%;
   margin-left:25%;
}

.nuvens {
   margin-top:100px; 
   width:100%;
}

.div_video {
   margin-top:-30vw; 
   background-color:rgb(150, 203, 223);
}

.video_box {
   max-width: 800px;
   max-height: 450px;
   width: 88vw;
   height: 65vw;
   padding: 1% 1% 1% 1%;
   background-color: white;
   border-radius: 10px;
   margin-bottom: 11vw;
}

.video_box iframe {
   border:none;
   width:100%; 
   height:100%;
}

.video_box img {
   margin-top:-13vw; 
   width:100%; 
   z-index:0;
}

.div_content {
   background-color: white;
   font-size: 200%;
   margin-top: -10vw;
   padding-bottom: 10vw;
}

.funcionalidades {
   margin-top: 4vw;
   color:rgba(89, 89, 89, 1); 
   font-weight:bold;
}

.descricao {
   font-size: 60%;
   margin: 0 5% 0 5%;
   text-align: left;
}

.remark {
   font-size: 40%;
}

.second_content_main {
   width: 100%; 
   margin-top:20px;
}

.box {
   display: inline-block; 
   position: relative; 
   background-color: rgba(185, 219, 231, 1); 
   width: 28%;
   height: 270px;
   margin: 10px;
   box-shadow: 0px 0px 27px rgba(0,0,0,0.4);
   border-radius: 10px;
   cursor: pointer;
   min-width: 220px;
   overflow: hidden;
}

.box:hover {
   overflow-y: auto;
   box-shadow: 0px 0px 27px rgba(0,0,0,0.5);
}

.box_img {
   position: relative;
   top: 30px;
}

.box_text {
   color: rgba(89, 89, 89, 1);
   font-size: 90%;
   font-weight: bold;
   top: 145px;
   position: absolute;
   margin-left:auto;
   margin-right:auto;
   right:0;
   left:0;
}

.box_descr {
   color: rgba(89, 89, 89, 1);
   font-size: 50%;
   font-weight: normal;
   position: absolute;
   opacity: 0;
   margin-left: 35px;
   margin-right: 35px;
   margin-top: 60px;
}

.nuvem_rodape {
   width:100%; 
   margin-top: -17vw;
}

.div_saiba_mais {
   transform: translate3d(0px, 0px, 0px);
}

.saibamais {
   width: 100%;
   margin-top: -10px;
   height: auto;
   padding-bottom: 100px;
   background-color: rgba(222, 222, 222, 1);
}

#saiba_mais {
   width: 60%;
   max-width: 500px;
   border-radius: 10px;
   height:150px;
   font-size: 200%;
   border: 1px solid rgba(0, 0, 0, .3);
   background: linear-gradient(to bottom, rgba(149, 201, 221, 1) 50%, rgba(122, 190, 214, 1) 50%);
   cursor: pointer;
   transition: .2s;
   color: rgba(77, 77, 77, 1);
}

#email_box {
   display: none;
   margin-top: 70px;
   width: 96%;
   max-width:450px;
   padding-bottom: 100px;
}

.contacte_nos {
   font-size: 100%;
   color:rgba(77, 77, 77, 1);
   min-width:380px;
}

.msg_txt, .email_txt {
   padding: 5px 2.5% 5px 2.5%;
   width: 95%;
   font-family: Arial;
   font-size: 100%;
   margin-bottom: 0.5vw;
}

.enviar_mail_but {
   margin-top: 10px;
   float: right;
   margin-right: 3px;
   background: linear-gradient(to bottom, rgba(149, 201, 221, 1) 50%, rgba(122, 190, 214, 1) 50%);
   width: 160px;
   height: 60px;
   font-size: 21px;
   cursor: pointer;
   border: 1px solid rgba(77, 77, 77, 1);
   border-radius: 10px;
}

.footer_main {
   height: 500px;
   margin-top:65px;

   color: white;
   width: 100%;
}

.footer_bg {
   position:relative; 
   width: 100%; 
   height: 100%;
}

.footer_content {
   position:relative; 
   margin-left: 100px; 
   top: -350px;
}

.left_footer_nav {
   margin-left:-190px; 
   position: relative; 
   display: inline-block
}

.middle_footer_nav {
   position: relative; 
   display: inline-block;
   top:-102px; 
   margin-left: 40px;
}

.right_footer_nav {
   position: relative; 
   top:-24px; 
   width:175px;
   height:175px;
   border: 6px solid white; 
   margin-left: 60px;
}

.footer_title {
   font-family:'Roboto', sans-serif; 
   font-size:100%; 
   text-align:left; 
   position: relative; 
   max-width: 500px;
   margin-left: 9px;
   font-weight: bold;
}

.footer_descr {
   position: relative; 
   font-family:'Roboto', sans-serif; 
   top:-10px; 
   display: block; 
   font-size:100%; 
   text-align:left; 
   max-width: 328px;
   background-repeat: repeat-y;
   padding-left: 9px;
}

.footer_aux {
   color: white;
   background-color: rgb(59, 59, 59);
   width: 100%;
   height:auto;
   padding:4px 0px 4px 0px;
   border-top: 1px solid black;
}

.dll_link {
   text-decoration: underline; 
   display: block; 
   color:white; 
   outline: 0;
}

@media (max-width: 1000px) {
   .left_footer_nav {
      display:none;
   }

   .footer_content {
      margin-left: 0px;
   }

   .middle_footer_nav {
      margin-top:0px;
      top:0px;
   }

   .right_footer_nav {
      margin-top:0px;
      top:0px;
   }

}

@media (max-width:800px)  {
   .titulo p {
      max-width: 40%;
      margin-left: 20%;
      font-size: 100%;
   }
}