hr {
    width:95%;
    height:20px;
    
}

.areadeatendimento {
    text-align: right;
    padding-right: 1.5%;
}

.atendimento {
    font-size: 2em;
    color: #3B3B3B;
}


.chatheader {
    color: rgb(0, 0, 0);
    font-family: Calibri; 
    font-style: normal; 
    letter-spacing: normal; 
    text-transform: none; 
    white-space: normal; 
    margin-bottom:0;
    
}

.chatheaderm { 
    font-size: 3em;
    color: rgb(0, 0, 0);
    font-family: Calibri; 
    font-style: normal; 
    letter-spacing: normal; 
    text-transform: none; 
    white-space: normal; 
    margin-bottom:0;
    
}


.chatsubheader {
    color: rgb(0, 0, 0);
    font-family: Calibri; 
    font-style: normal; 
    font-variant-ligatures: normal; 
    font-variant-caps: normal; 
    letter-spacing: normal; 
    orphans: 2; 
    text-align: -webkit-center; 
    text-indent: 0px; 
    text-transform: none; 
    white-space: normal; 
    widows: 2; 
    word-spacing: 0px; 
    -webkit-text-stroke-width: 0px; 
    text-decoration-style: initial; 
    text-decoration-color: initial; 
    margin-top:0; margin-bottom:0 
}

.botaoavalie {
    padding-top: 10px;
    padding-bottom: 10px;
    
    color: rgb(0, 0, 0);
    font-family: Calibri;
    font-style: normal; 
    font-variant-ligatures: normal; 
    font-variant-caps: normal; 
    letter-spacing: normal; 
    orphans: 2; 
    text-align: -webkit-center; 
    text-indent: 0px; 
    text-transform: none; 
    white-space: normal; 
    widows: 2; 
    word-spacing: 0px; 
    -webkit-text-stroke-width: 0px; 
    text-decoration-style: initial; 
    text-decoration-color: initial; 
    margin-top:6px; 
    margin-bottom:6px" 
}

@media only screen and (max-width: 720px) {
   .atendimento {
       font-size: 3em;
       
   }
   .chatheader {
       display: none;
   }
   .botaoavalie {
       margin-left: 5px;
       margin-right: 5px;
   }

}

@media only screen and (min-width: 920px) {
   .atendimento {
       font-size: 3em;
       
   }
   
   .chatheaderm {
       display: none;
   }
}