*{
    margin: 0;
    padding: 0;
}

  .body{
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
  }

/* Service Request button at the bottom of each page */ 
  #requestbutton {
    border: none;
    outline: none;
    background-color: #993333;
    color: white;
    cursor: pointer;
    padding: 1em 2em;
    border-radius: 10px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
  }
  
/* Close button in success stories image decks. */ 
#btnclose {
    border: none;
    color:white;
    background-color: transparent;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
  }
  #btnclose:hover {
    opacity: 1;
  }
  #btnclose:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    background-color: #333;
  }

.img-thumbnail{
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
}

/* index css */
* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

/* Float columns side by side */
.column {
  float: left;
  width: 50%;
  padding: 10px;
}


/* Remove extra left and right padding */
.row {/*margin: 0 -5px;*/
  margin-right: 3px !important;
  margin-left: 3px !important;
  display: flex;
  flex-wrap: wrap;
  /*padding: 0 4px;*/
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.card {
  box-shadow: 0 5px 5px #339999(0, 0, 0, 0.18);
  /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
  padding: 16px;
  text-align: center;
  background-color: #eaf4f4;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}