/*DESKTOP*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;800&display=swap');

 html {
     position: relative;
     min-height: 100%;
}
 body {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
    margin-bottom: 60px;
    background: rgb(152,200,114);
    background: linear-gradient(90deg, rgba(152,200,114,1) 0%, rgba(93,145,54,1) 100%);
}

.modal-body {margin-top: -30px;}

.modal-content { background: rgb(152,200,114);
    background: linear-gradient(90deg, rgba(152,200,114,1) 0%, rgba(93,145,54,1) 100%);}
.exit {color: #FFF;}
h1 {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
color: #FFF ;}

h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
color: #FFF ;
text-align: center;}

select { padding: 20px; width: 100%;font-weight: 600; }
.submit { padding: 20px; width: 100%; background: #FFED00; color: #47653D; margin: -50px auto; font-weight: 600; border: none;}
.submit:hover {background: #FFED00; color: #47653D;}

h1 span { color: #FFED00; }

p { color: #FFF }

 ul {
     float: left;
     width: 100%;
}
 li {
     display: inline-block;
     margin-right: 50px;
     margin-left: -40px;
     float: left;
}


.hide-mobile a {color: #47653D; font-family: 'Raleway', sans-serif; font-weight: 800; text-decoration: none;}
.hide-mobile a:hover {text-decoration: none;}
.white {color: #FFF; font-weight: 600;}


 .botao-app ul {
     width: 100% ;
     padding-top: 7px;
}

 .download {
     width: 200px;
     height: 75px;
     background: black;
     float: left;
     border-radius: 5px;
     position: relative;
     color: #fff;
     cursor: pointer;
     background: #47653D;
}

 .download > .fa-apple {
     color: #fff;
     position: absolute;
     top: 50%;
     left: 18px;
     transform: translateY(-50%);
}
 .download > .fab {
     color: #fff;
     position: absolute;
     top: 49%;
     left: 15px;
     font-size: 45px;
     transform: translateY(-50%);
}
 .df, .dfn {

     position: absolute;
     left: 80px;
}
 .df {
     top: 20px;
     font-size: .68em;
}
 .dfn {
    font-weight: 600;
     top: 33px;
     font-size: 1.08em;
}

.float-left {border: 1px solid #FFF; width: auto;  margin-bottom: 20px; padding: 20px; border-radius: 5px;}
.float-left a {color: #FFF;}

.icone-whatsapp { background: #FFF; font-size: 35px; padding: 20px; border-radius: 50%; margin-top: 20px; }



 .footer {
     bottom: 0;
     width: 100%;
     line-height: 150px;
     background:none;
}



.footer a { color:#47653D ;  font-weight: 600; padding-right: 5px; font-size: 18px;}
.footer p { color:#47653D ;  font-weight: 600; font-size: 18px;}


 .modal-header {
     border-bottom: none;
}


 .float-left {
    display: none;
}
 .footer-tamanho {
    width: 59%;
}
/*MOBILE*/
 @media (max-width: 720px) {
     .float-right {
        text-decoration: none;
        display: none;
    }
     .float-left {
        display: block;
    }
     .banner-hero {
         margin-top: -130px;
         float: left;
    }
     .footer-tamanho {
        width: 100%;
    }
     .footer {
         position: absolute;
         bottom: 0;
         width: 100%;
         height:50px;
        /* Set the fixed height of the footer here */
         line-height: 50px;
        /* Vertically center the text there */
         background: #FFED00;
         align-content: center;
         text-align: center;
    }


h1 { margin-top: -30px; font-size: 31px; padding-bottom: 10px; }
.hide-mobile {display: none;}

.footer a {  font-size: 16px;}
.footer p { font-size: 16px;}

 .download { margin-bottom: 15px; }
}