#body {
  margin: 0 auto;
  width: 100%;
  padding: 0;
  max-width: 35rem;
  position: relative;
  font-family: "mozaic-body-light", sans-serif;
  color: #252525;
}

p {
  line-height: 1.6;
  margin: 0
}

h2,
h3 {
  margin: 0
}

.icon {
  width: 1.5rem;
  height: 1.5rem
}

.header {
  background: #282F66;
  color: #fff;
}

.featured {
  background: #ddd;
  padding: 1rem;
}

.technology {
  color: white;
  background: #439dae;
  padding: 1rem;
}

a {
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.header {
  padding: 1rem;
}

header {
  display: flex;
  justify-content: flex-start;
  flex-direction: column
}

.headerImgC {
  text-align: center;
}

.pagetitle {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  padding: 0.25rem 0 0.15rem;
}

.subtitle {
  text-align: center;
  font-size: 1rem;
  padding: 0.15rem 0 0.25rem;
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
/*  text-align: center*/
}

.cardColor {

}

.sub.cardColor{
	text-align: justify;
}


#cta {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: .5rem;
  padding: 1rem 1.5rem;
  cursor: pointer;
  line-height: 0;
  width: 100%;
  justify-content: center;
  box-sizing: border-box
}

#cta .icon {
  margin-right: .5rem
}

#cta p {
  margin: 0
}

.actions {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.actionsC {
  max-width: 100%;
}

.actionBtn {
  padding: .5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.actionBtn a {
  background: #fff;
  border-radius: .5rem;
  padding: 1rem;
  line-height: 0
}

.actionBtn p {
  margin: .5rem 0 0;
  font-size: .9rem
}

.section {
  font-family: "mozaic-title-bold", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 1.3rem;
  padding: 1rem 0 0;
}

.section-subtitle {
  text-align: left;
  padding: 1rem 0rem;
}

.media {
  overflow: hidden;
  background: #fff;
  padding: 1rem;
  border-radius: .5rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
}

.media .serviceIcon {
/*  display: block;*/
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 120px;
  /*margin-left: auto;
  margin-right: auto;*/
  padding: 0.5rem;
  margin-right: 0.5rem;
  flex: 1 0 60px;
}

.media .serviceIcon svg path {
  fill: #EFAF3D;
}

.controls {
  font-size: .9rem;
/*  text-align: center;*/
/*  width: 100%;*/
  box-sizing: border-box
}

.title {
  font-size: 1rem;
  font-family: "mozaic-title-bold", sans-serif;
/*  font-weight: bold;*/
  margin: 0;
/*  color: #282F66;*/
}

.prodInfo {
  padding: 0rem 1rem 0rem 2rem;
  line-height: 1.5rem;
}

.price {
  margin: 1rem 0 0;
  font-size: 1rem;
  font-weight: bold
}

.label {
  display: inline-block;
  font-size: 1rem;
  margin: 1rem 0 .5rem;
  border-radius: .5rem;
  letter-spacing: 1px;
  padding: 1rem 1.5rem
}

ul {
  margin-left: -1rem;
  margin-right: 0px;
}

ul>li{
  margin-left: 1rem;
}

.label p {
  margin: 0
}

footer {
  padding: 4rem 1rem 2rem;
  font-size: .9rem;
  text-align: center
}

footer a {
  text-decoration: underline;
  color: inherit
}

@media(min-width: 600px) {
  main {
    margin-bottom: 3rem;
  }
  .media {
    padding: 1rem 1.5rem 1rem 2rem;
  }
}