/***** CSS Document *****/
/***** SERVICE CSS PAGE *****/
/***** MICHAEL MORGAN 2020 *****/

grid {
  display: grid;
  grid-template-columns: auto;
}
.top_cont {
  margin-bottom: 23px;
  height: 8.875em;
  color: #fff;
  background-color: #003da5;
}
.service_logo {
  margin: auto;
  float: left;
  padding: 0.5em 0.8em 0.5em 0.2em;
}
.service_text {
  margin: auto;
  padding: 1.3em 0.8em;
  font-size: 0.75em;
  line-height: 1.250em;
  text-align: center;
}
.myservices h1{
    margin: auto;
    font-size: 1.5em;
}
.service-title {
  margin: 0;
  text-align: left;
  padding: 1.5em 0.825em 0.3em 0.825em;
}
.wh-box {
  color: #000;
  background-color: #fff;
  border-color: #003da5;
  border-style: solid;
  border-width: thick;
}
.wh-box h4 {
  padding: 0.2em;
  font-size: 1.250em;
  line-height: 1.1em;
}
 
.footer_content{
    clear: both;
    margin-top: 4em;
}
/* -----Media Querie for Tablets 48em = 768px ----- */
@media (min-width: 48em) {
  .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.500em;
    margin-right: 1.563em;
    margin-left: 1.563em;
  }
  .spacer {
    width: 100%;
    height: 8em;
  }
  .top_cont {
    height: 13.5em;
    margin-right: 1.563em;
    margin-left: 1.563em;
    flex: auto;
    color: #fff;
    background-color: #003da5;
  }
  .service_logo {
    width: 12.625em;
    height: 12.625em;
    float: left;
    padding-right: 1em;
    padding-left: 0.313em;
  }
  .service_text {
    margin: 0;
    padding: 0.738em 1.563em;
    font-size: 1.3em;
    line-height: 1.5em;
  }
  .service-title {
    font-size: 1.2em;
    margin: 0;
    padding: 0.938em 0.625em 0.313em 0.4em;
    text-align: left;
  }
  .wh-box {
    margin: 0;
    color: #000;
    background-color: #fff;
    border-color: #003da5;
    border-style: solid;
    border-width: thick;
  }
  .wh-box h4 {
    margin: 0;
    padding: 0.725em;
    font-size: 1em;
    line-height: 1.2em;
  }
 }
/* -----Media Querie for Desktop 62em = 768px ----- */
@media (min-width: 62em) {
  .spacer {
    width: 100%;
    height: 7.3em;
  }
  .grid {
    margin: auto;
    padding: 0 2.5em 4em 2.5em;
    background-color: #003da5;
    grid-column-gap: 3.2em;
    grid-row-gap: 0.2em;
  }
    .myservices h1{
        font-size: 2.5em; 
         padding: 1em 0 0.6em 0;
    }
    .top_cont{
        margin: 0;
        height: 17.4em;
    }
  .service_logo {
    margin: auto;
    width: 16em;
    height: 16em;
    padding: 0.7em 1.5em 0em 0.5em;
  }
.service-title {
    color: #fff;
    font-size: 1.6em;
    margin: 0;
    padding: 1.5em 0.4em 0.3em 0.4em;
  }
.service_text {
    margin: 1.5em 0;
    padding-top: 1em;
    font-size: 27.1px;
    line-height: 1.7em;
  }
  .wh-box {
    margin: 0;
    border: none;
  }
  .wh-box h4 {
    padding: 0.6em;
    clear: both;
    font-size: 1.34em;
    line-height: 1.1em;
  }
.wh-box :hover {
    margin: 0;
    background-color: #003da5;
    color: #fff;
  }
.wh-box :hover {
	transform: scale(1.4);
  -ms-transform: scale(1.4); /* IE 9 */
  -webkit-transform: scale(1.4); /* Safari 3-8 */
}
.footer_content{
        clear: both;
        margin: 0;
    }
}