/*Portada*/
#general{ 
    background: url("../images/sudmedica-portada.jpg") top center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../images/sudmedica-portada.jpg");
    position:relative;
    background-size: cover;
    position:relative;
    background-attachment: fixed;
  } 
  .container-titulo {
      -webkit-text-stroke: 0.55px rgba(0, 0, 0, 0.35);
      color: transparent; 
  }
  
  .container-titulo h1{  
      margin-bottom: 20px;
      color: white;
      font-size: 30px;
      text-align: center;
  }
  .container-titulo h2{
      margin-top: 1px;
      color: white;
      font-size: 20px;
      text-align: center;
  }

.container-titulo h3{
    margin-top: 1px;
    color:#11406F;
    font-size: 17px;
    text-align: center;
}
  /*Fin Portada*/
  #cajas{
     max-width: 1100px;
    /* border: 2px solid #11406F; */
    margin: 0px auto;
  }

   /* estructura card */
  .card{
      display: flex;
      width: 300px;
      height: 200px;
      align-items: center !important;
      float: left;
      border-top: 200px #11406F;
      margin-left: 39px;
      margin-right: 20px;
      margin-bottom: 150px;
      margin-top: 30px;
      border-radius: 15px;
  }
   /* encabezado */
  .card-header{
      width: 300px;
      height: 60px;
      background-color: #11406F;
      
  }
   /* icono */
  .card-body i{
      font-size: 230%;
      color: #96C120;
      display: flex;
      flex-flow: column wrap;
      align-content: center;
      margin-top: 18%; 
  }

   /* reclamos sugerencias o felicitaciones */
  .card-title{
      text-align: center;
  }

  .card-body:hover {
    color: #96C120;
    opacity: 1 ;
  }