body {
  background-color: background: #EEF2F7;
  
}

.titlecard {

box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;
  background-color: #795548;
  border-radius: 2px;

}


.responsive-xs {

  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12)
;
  background: white;
  border-radius: 2px;
}

.carda {
  background-color: #03a9f4;
}

.cardb {
  background-color: #ff5722;
}

.cardc {
  background-color: #c603f4;
}

.cardd {
  background-color: #ffc107;
}

.carde {
  background-color: #673ab7;
}


.magne {
  background-color: #ff8514;
}

tr {
  color: white;
}



@media screen and (max-width: 770px) {  
    
.table td, .table th {
    padding: 3px;
    font-size: 11px;
  }
}

@media screen and (max-width: 770px) {  
    
.rescon {
        padding: 1px 1px;
  }
}

@media screen and (max-width: 450px) {  
    
body {
    font-size: 8px;
  }
}