@media screen and (min-width:768px) and (max-width:1200px){
   header .logo {
      max-width: 171px;
      margin-right: 25px;
   }

   header .navbar-menu li {
      padding-right: 0;
   }

   header .navbar-menu li a{
      letter-spacing: 2px;
   }

   #inicio h1 {
      font-size: 27px;
      line-height: 31px;
   }

   .app-buttons a {
      margin-right: 10px;
   }

   .inicio-cadastro p {
      font-size: 13px;
   }

   .inicio-cadastro span {
       line-height: 26px;
       font-size: 21px;
   }

}

@media screen and (max-width:768px){
   header .logo {
      vertical-align: middle;
      margin: 0 auto;
      text-align: center;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 4px;
      max-width: 155px;
   }

   header .logo img {
       display: block;
       text-align: center;
       margin: 0 auto;
   }

   header.header-fix{
      padding: 10px 0;
   }

   #inicio{
      padding: 90px 0 60px;
   }

   .video-content{
      margin-bottom: 30px;
   }

   #inicio h1{
      text-align: center;
   }

   .app-buttons{
      text-align: center;
   }

   .inicio-cadastro{
      text-align: center;
   }

   .app-buttons a {
      margin-right: 17px;
   }

   #sobre{
      text-align: center;
      padding: 45px 0 30px;
   }

   #sobre .text-right{
      text-align: center!important;
   }

   #sobre h2{
      line-height: 34px;
      font-size: 30px;
   }

   #sobre h3{
      font-size: 25px;
      line-height: 29px;
   }

   #sobre figure {
       margin: 0 auto;
   }

   #funcionalidades{
      padding: 50px 0 20px;
   }

   #funcionalidades .box-icon {
      margin-bottom: 40px;
   }

   #cadastro{
      padding: 45px 0 55px;
   }

   #cadastro h2 {
       line-height: 32px;
       font-size: 27px;
       margin-bottom: 20px;
   }

   #cadastro h3 {
       line-height: 26px;
       font-size: 19px;
   }

   #cadastro figure {
       float: none;
       margin: 0 auto 10px;
       text-align: center;
       max-width: 70px;
   }

   #cadastro p{
      text-align: center;
   }

   .content-form {
      margin: 40px auto 0;
   }

   .content-form .col-md-6:first-child{
      margin-bottom: 20px;
   }

   #contato {
       padding: 45px 0 30px;
   }

   #contato .box-info {
      margin-bottom: 45px;
   }

   footer .footer-top{
      background-size: cover;
      text-align: center;
      padding: 30px 0;
   }

   footer .footer-bottom{
      text-align: center;
   }

   footer .footer-bottom .copyright, footer .footer-bottom .by{
      float:none;
   }

   header{
      background: #597CB9;
      padding: 9px 0;
   }

   header .navbar{
      display: block;
   }

   header .navbar-menu {
       position: fixed;
       background: #597CB9;
       top: 0;
       left: 0;
       margin: 0;
       height: 100%;
       z-index: 1000;
       width: 80%;
       -webkit-transform: translate(-100%,0);
       transform: translate(-100%,0);
       -webkit-transition: transform 0.3s ease-in-out;
       transition: transform 0.3s ease-in-out;
       display: block;
       padding: 15px 0;
   }

   .navbar-toggler {
       border: none;
       padding: 6px 15px 0 0;
       display: inline-block;
       vertical-align: middle;
   }

   .navbar-toggler span {
       display: block;
       height: 5px;
       width: 35px;
       background: #fff;
       margin-bottom: 5px;
       border-radius: 5px;
   }

   .navbar-menu.active-menu {
       -webkit-transform: translate(0,0);
       transform: translate(0,0);
       -webkit-box-shadow: 5px 0px 5px rgba(0,0,0,0.1);
       box-shadow: 5px 0px 5px rgba(0,0,0,0.1);
   }

   .overlay-menu {
       background: rgba(255,255,255,0.7);
       height: 100%;
       width: 100%;
       display: none;
       position: fixed;
       z-index: 999;
       bottom: 0;
       left: 0;
   }

   .close-menu {
       border-bottom: 3px dotted #fff;;
       padding-bottom: 15px;
       margin: 0 20px 30px;
   }

   .close-menu a{
      font-size: 0;
   }

   .close-btn {
       display: inline-block;
       background: url(../images/close-btn.png) no-repeat center center;
       background-size: auto auto;
       height: 22px;
       width: 30px;
       background-size: 20px auto;
       vertical-align: middle;
       margin-right: 5px;
       margin-top: -7px;
   }

   .close-menu img{
      height: 25px;
      margin-left: 10px;
   }

   header .navbar-menu li{
      margin-bottom: 8px;
      padding: 0;
   }

   header .navbar-menu li a.nav-link{
      font-size: 16px;
      padding: 6px 20px;
      line-height: 22px;
   }

   footer .footer-top .logo-footer img {
      max-width: 160px;
      margin: 0 auto 20px;
   }

   footer .footer-top .buttons-footer img {
       margin-right: 0;
   }

   footer .footer-top p {
       font-size: 16px;
       padding: 0 0 20px;
       margin: 0;
   }
   footer .footer-top .buttons-footer a{
      margin-right: 10px;
      margin-bottom: 10px;
   }

   footer .buttons-footer{
      text-align: center!important;
   }

   footer .footer-top a.btn-facebook {
      margin: 15px 0 0;
      clear: both;
   }

   footer .footer-bottom p {
       margin: 0px 0 5px;
       font-size: 11px;
       letter-spacing: 1px;
   }

   header .navbar-menu li a.active:after {
      width:38px;
   }

   header .navbar-nav .nav-link.active{
      background: rgba(255,255,255,0.2);
   }

   .bg-blue {
       height: 40px;
   }

   #sobre > .container > .row:first-child {
       margin-bottom: 30px;
   }

}

@media screen and (max-width:480px){
   .modal-body iframe{
      height: 300px;
   }

}