body{background-image: url(../img/bg-mamas.png) !important; }
.page-card{background-color: #F3F3F3; border-radius: 2em; margin: 4em 8em;padding: 0.5em;}
.logo-header{margin: 2em 0;}
.title{color: #490f26;padding: 1em 0 1.5em 0;font-weight: 800;}
.text-ligth{color: #490f26;font-weight:400; }
.text-extrabold-left{color: #490f26;font-weight:800;text-align: right; }
.text-extrabold-right{color: #490f26;font-weight:800;text-align: start; }
.box-cards{margin: 3em 0 5em 0}
.top-home{margin-top: 3em;padding: 2em 4em;}
/*.subtitle{  color: #721f3a; background-color: #fff; padding: 0.5em 0em;border-radius: 30px;text-align: center; margin-bottom: 1em; margin-top: 2em;}*/
.subtitle{color: #721F3A; font-weight: 800}
.card{ position: relative;}
.imagem { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.middle {  transition: .5s ease; opacity: 0; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.card:hover .imagem{ opacity: 0.3;}
.card:hover .middle {  opacity: 1;  background-color: black;}
.conscientizacao-footer{margin-bottom: 5em;width: 25%;}
.button-card {  background-color: #490f26;  color: white;  font-size: 16px;  padding: 16px 32px;}
.card-box{background-color: #e6296f; color: white;margin: 2em; padding: 2em;border-radius: 2em;}
.text-vc{font-weight: 300;color: white;text-transform: uppercase;}
.text-paramim{font-weight: 800; color: #490f26;text-transform: uppercase;}
.hastag{margin-bottom: 2em;}
/*.logo_conscientizar{float: right; margin-top: -3em;width: 72%;margin-bottom: 2em;}*/
.form{margin: 0em 0 6em 0;}
.btn-form{ background-color: #fff; display:inline-block; font-weight:700; color:#e6296f; text-align:center; vertical-align:middle;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid transparent; padding:3px 2em 3px 2em; font-size:13px; line-height:1.5; border-radius:15px; float: right; margin: 1em 0; transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn-form:hover{ background-color: #490F26; color:#fff;}
.spacing{margin: 5em 0 0em 0}
.msg_footer_card01{margin-bottom: 2em;}
.logo_erasto_footer{float: right;padding: 0em 1em;}
.link-site{color: white!important; text-decoration: none;}
@media only screen and (min-width: 992px) {.logo-top-mb{display: none;}.logo-header{display: none;}.text-header{display: none}.card{display: none;}}
@media only screen and (max-width: 991px) {
  body{background-image: none !important; background-color: #f3f3f3 !important;}
  .page-card { background-color: transparent; border-radius: 2em; margin: 4em 0em; padding: 0.5em;}
  .text-extrabold-left{color: #490f26;font-weight:800;text-align: right;font-size: 16px !important }
  .text-extrabold-right{color: #490f26;font-weight:800;text-align: start;font-size: 16px !important }
  .ponto_exclamacao{width: 25%}
  .logo_erasto_footer {float: none;padding: 0em 0em;}
  .link-site { color: white!important;text-decoration: none; font-size: 12px;}
  .site-conscientizar {padding: 0.5em 0em 0.5em 1em !important;}
  .img-site-conscientizar{width: 80%}
  .enviar{font-size: 16px !important;margin-top: -6em;}
  .logo-header{display: none;}
  .logo-top{display: none;}
  .logo-top-mb{display: block;width: 80%;}
  .top-home{margin-top: 0em;padding: 0em;}
  .title{font-size: 21px;}
  .text-ligth{font-size: 12px;}
  .card{background-color: #e6296f !important; padding: 2em 0}
  .card-box{background-color: #e6296f; color: white;margin: 0em; padding: 0em;border-radius: 2em;}
  li{display: contents;}
  .btn-card{margin: 1em 0;}
  .conscientizacao-footer{width: 50%}
}
@media only screen and (max-width: 736px) {
  body{background-image: none !important; background-color: #f3f3f3 !important;}
  .page-card { background-color: transparent; border-radius: 2em; margin: 4em 0em; padding: 0.5em;}
  .text-extrabold-left{color: #490f26;font-weight:800;text-align: start;font-size: 16px !important }
  .text-extrabold-right{color: #490f26;font-weight:800;text-align: end;font-size: 16px !important }
  .ponto_exclamacao{display: none;}
  .logo_erasto_footer {float: none;padding: 0em 0em;}
  .link-site { color: white!important;text-decoration: none; font-size: 12px;}
  .text-paramim {  font-weight: 800;color: #490f26;text-transform: uppercase; font-size: 31px;}
  .text-vc {font-weight: 300; color: white; text-transform: uppercase; font-size: 31px;}
  .logo_conscientizar { float: right; margin-top: -9.5em;}
  .ballon_coracao{width: 30%;display: block; margin: auto;float: left;}
  .spacing { margin: 3em 0 0em 0;}
  .form { margin: 2em 0 3em 0;}
  .mamas-msg{ margin: 1em 0;}
  .site-conscientizar {padding: 0.5em 0em 0.5em 1em !important;}
  .img-site-conscientizar{width: 80%}
  .enviar{font-size: 16px !important;margin-top: -6em;}
  .logo-header{display: none;}
  .logo-top{display: none;}
  .logo-top-mb{display: block;width: 80%;}
  .top-home{margin-top: 0em;padding: 0em;}
  .card{background-color: #e6296f !important; padding: 2em 0}
  .card-box{background-color: #e6296f; color: white;margin: 0em; padding: 0em;border-radius: 2em;}
  .btn-card{margin: 1em 0;}
  .conscientizacao-footer{width: 50%}
}
@media only screen and (max-width: 640px) {
  body{background-image: none !important; background-color: #f3f3f3 !important;}
  .page-card { background-color: transparent; border-radius: 2em; margin: 4em 0em; padding: 0.5em;}
  .logo_conscientizar { float: right; margin-top: -11.5em;}
  .text-paramim {  font-weight: 800;color: #490f26;text-transform: uppercase; font-size:26px;}
  .text-vc {font-weight: 300; color: white; text-transform: uppercase; font-size:26px;}
  .site-conscientizar {padding: 0.5em 0em 0.5em 1em !important;}
  .img-site-conscientizar{width: 80%}
  .enviar{font-size: 16px !important;margin-top: -6em;}
  .logo-header{display: none;}
  .logo-top{display: none;}
  .logo-top-mb{display: block;width: 80%;}
  .top-home{margin-top: 0em;padding: 0em;}
  .card{background-color: #e6296f !important; padding: 2em 0}
  .card-box{background-color: #e6296f; color: white;margin: 0em; padding: 0em;border-radius: 2em;}
  .btn-card{margin: 1em 0;}
  .conscientizacao-footer{width: 50%}
}
@media only screen and (max-width: 568px) {
  body{background-image: none !important; background-color: #f3f3f3 !important;}
  .page-card { background-color: transparent; border-radius: 2em; margin: 4em 0em; padding: 0.5em;}
  .logo_conscientizar { float: right; margin-top: -11.5em;width: 25%;}
  .text-paramim {  font-weight: 800;color: #490f26;text-transform: uppercase; font-size:21px;}
  .text-vc {font-weight: 300; color: white; text-transform: uppercase; font-size:21px;}
  .card-box {background-color: #e6296f; color: white; margin: 1em 0; padding: 1em; border-radius: 2em;}
  .img-autoexame-utero{margin-right: -0.8em !important; float: right;}
  .site-conscientizar {padding: 0.5em 0em 0.5em 1em !important;}
  .img-site-conscientizar{width: 80%}
  .enviar{font-size: 16px !important;margin-top: -6em;}
  .logo-header{display: none;}
  .logo-top{display: none;}
  .logo-top-mb{display: block;width: 80%;}
  .top-home{margin-top: 0em;padding: 0em;}
  .card{background-color: #e6296f !important; padding: 2em 0}
  .card-box{background-color: #e6296f; color: white;margin: 0em; padding: 0em;border-radius: 2em;}
  .btn-card{margin: 1em 0;}
  .conscientizacao-footer{width: 50%}

}
.text-autoexame-left{color: #490f26;text-align: right;}
.text-autoexame-right{color: #490f26;text-align: start;margin: 3em 3em; }
.img-autoexame{margin-top: 3em;}
.img-center{margin: auto; display: block;}
.img-autoexame-utero{margin-right: -1.8em; float: right;}
.trocar{color: #530021; float: right;margin-bottom: 1em; font-weight: 600;}
.trocar-link{color: #530021;}
.conscientizacao-footer-cards{margin-bottom: 2em;margin-top: 1em;}
.site-conscientizar{ background-color: white; padding: 1em 1em 1em 4em; float: left; border-radius: 0 6em 6em 0em; position: fixed; z-index: 1000; top:50rem;}
.ballon-heart{margin: 2em 0}
.title-card-link{color: #540622; font-weight: 800; margin-bottom: 1.5em;}
.imgfooter-link{margin: 2em 0;}
.frase-top{ margin-bottom: 3em;}
.dicas-importantes{    width: 80%;}
.enviar{color: #530021; float: right;margin-bottom: 1em; font-weight: 800;font-size: 26px;}
.enviar-link{color: #530021;}
.btn-card{background-color: #e6296f; color: #fff; padding: 0.5em 1em; border-radius: 20px;}
.margin-top{margin-top: 1em;}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
}

li {
  float: left;
  padding: 0 1em;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #490F26;
}




/*.dashed {
    border-style: dashed;
    border-color: white;
    padding: 5px;
}
.card-text{
    background-color: white;
    padding: 2em;
}
.page{
    padding: 3em 0 5em 0
}
*/