@font-face {
    font-family: 'Saxony Serial';
    src: url('../font/SaxonySerial.eot');
    src: url('../font/SaxonySerial.eot?#iefix') format('embedded-opentype'),
        url('../font/SaxonySerial.woff2') format('woff2'),
        url('../font/SaxonySerial.woff') format('woff'),
        url('../font/SaxonySerial.ttf') format('truetype'),
        url('../font/SaxonySerial.svg#SaxonySerial') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Saxony Serial bold';
    src: url('../font/SaxonySerial-Bold.eot');
    src: url('../font/SaxonySerial-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/SaxonySerial-Bold.woff2') format('woff2'),
        url('../font/SaxonySerial-Bold.woff') format('woff'),
        url('../font/SaxonySerial-Bold.ttf') format('truetype'),
        url('../font/SaxonySerial-Bold.svg#SaxonySerial-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body{background-color: #EDEDED;margin:0;font-family: 'Saxony Serial';}
.header{padding: 10em 0 0 0;z-index: 1;}
.box-card{background-color: #fff; border-radius: 35px; width: 800px; height: auto;padding: 5em 5em 2em 5em}
.container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center
}
.box-date{
  background-color: #8CCB4E;
    color: white;
    width: 75%;
    text-align: center;

}
.text-mid{color: #00A99D;margin: 3em 0 2em 0;font-size: 18px;}
.box-msg{
  background-image: url(../img/box.png);
    border-radius: 2px;
    padding: 1em 2em;
    background-repeat: no-repeat;
    height: 380px;
}
.btn-enviar {
  color: #fff;
  background-color: #7BB345;
  border-color: #7BB345;
  padding: 3px 2em;
}
.btn-enviar:hover {
  color: #fff;
  background-color: #7EA851;
  border-color: #7EA851;
}
.title{font-family: 'Saxony Serial';}
.img-logos{margin: 3em 0;}
.img-top {
    background-image: url(../img/topo.png);
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
    background-size: contain;
}
.img-footer{
    background-image: url(../img/footer.png);
    background-repeat: no-repeat;
    width: 100%;
    object-fit: cover;
    background-size: cover;
    bottom: 0;
    height: auto;
    min-height: 228px;
    max-height: 100%;
}
.title-top{color: #00A99D;margin-bottom: 0.4em;}
html, body {
  height: 100%;
  }

@media only screen and (max-width: 1449px) {
  .img-footer{ min-height: 170px;}

}
@media only screen and (max-width: 921px) {
  .img-footer{ min-height: 150px;}

}
@media only screen and (max-width: 769px) {
  .img-footer{ min-height: 80px;}

}
@media only screen and (max-width: 414px) {
  .img-footer{ min-height: 50px;}
  .header {padding: 4em 0 0 0;}
  .title-top{margin-top: 1em;text-align: center;}
  .box-card {padding: 5em 1em 2em 1em;}
  .box-msg{padding: 1em 1em;}
  .box-date{margin: 0 auto;}

}
.charNumber{color: white;font-size: 13px;}
#box-msg-txt{color: #00A99D;font-weight: bold;font-size: 16px;}
#box-msg-txt-salvo{color: white; margin: 0 auto;display: table;vertical-align: middle;padding: 7em 0;font-size: 21px;text-align: center;}