body {
  margin: 0!important; padding: 0!important;
  font-family: 'Poppins', sans-serif!important;
  font-weight: 400!important;
  font-size: 15px!important;
}
h1, h2 {
  font-weight: 600!important;
  color: hsl(234, 12%, 34%)!important;
	text-transform: none!important;
	letter-spacing: 0px!important;
}

.serv-header p { color: hsl(229, 6%, 66%)!important; }

.serv-header {
  margin: 80px 30px 75px!important;
  text-align: center!important;
}

.serv-header > h1 {
  margin: 20px 0!important;
  font-weight: 200!important;
  color: #fff!important;
}

.serv-header > h1 strong {
  font-weight: 600!important;
}

.serv-header > p {
  max-width: 520px!important;
  margin: auto!important;
  color: #eee!important;
}

.feature-header {
  margin: 80px 30px 75px!important;
  text-align: center!important;
}

.feature-header > h1 {
  margin: 20px 0!important;
  font-weight: 200!important;
}

.feature-header > h1 strong {
  font-weight: 600!important;
}

.feature-header > p {
  max-width: 520px!important;
  margin: auto!important;
}

@media (max-width: 443px) {
  .serv-header > h1 { font-size: 1.6em!important; }
  .feature-header > h1 { font-size: 1.6em!important; }
}

.cards-container {
  list-style: none!important;
  padding: 0!important; margin: 0!important;
  margin: auto!important;
}


@media (min-width: 788px) {
  .cards-container {
    width: 728px!important;
  }
  .cards-container::after {
    content: ""!important;
    clear: both!important;
    display: table!important;
  }
}

@media (min-width: 1166px) {
  .cards-container {
    width: 1106px!important;
  }
}

[class$='feature-card'] {
  position: relative!important;
  box-sizing: border-box!important;
  width: 350px!important; height: 250px!important;
  margin: 0!important;
  padding: 32px!important;
  border-radius: 10px!important;
  color: #4c4e61!important;
  border-top: solid 5px black!important;
  box-shadow: 2px 5px 20px rgb(0,0,0,0.1)!important;
}

[class$='feature-card'] h2, [class$='feature-card'] p { margin: 0!important; }

[class$='feature-card'] img {
  position: absolute!important;
  right: 159px!important;
  bottom: 32px!important;
  width: 32px!important;
}

[class$='feature-card'][class*='cyan'] {
  border-color: hsl(180, 62%, 55%)!important;
}

[class$='feature-card'][class*='red'] {
  border-color: hsl(0, 78%, 62%)!important;
}

[class$='feature-card'][class*='orange'] {
  border-color: hsl(34, 97%, 64%)!important;
}

[class$='feature-card'][class*='blue'] {
  border-color: hsl(212, 86%, 64%)!important;
}
.blue-feature-card h2{
	font-size: 1.5em!important;
	text-align: left!important;
	margin-bottom: 5px!important;
}

@media (min-width: 788px) {
  [class$='feature-card'] {
    float: left!important;
  }

  @media (min-width: 1166px) {

    [class$='feature-card']:first-child {
      margin: 140px 0!important;
    }

    [class$='feature-card']:nth-child(2),
    [class$='feature-card']:nth-child(3) {
      margin: 0 22px!important;
    }

    [class$='feature-card']:last-child {
      margin-top: -110px!important;
    }

    [class$='feature-card']:nth-child(3) {
      margin-top: 30px!important;
    }
  }

  @media (max-width: 1165px) {

    [class$='feature-card']:nth-child(3),
    [class$='feature-card']:nth-child(4) {
      margin-top: 30px!important;
    }

    [class$='feature-card']:nth-child(2),
    [class$='feature-card']:nth-child(4) {
      margin-left: 28px!important;
    }
  }
}

@media (max-width: 787px) {
  [class$='feature-card'] img {
  right: 134px!important;
}

  [class$='feature-card'] {
    width: 300px!important; height: 220px!important;
    margin: auto!important;
  }

  [class$='feature-card']:not(:first-child) {
    margin-top: 22px!important;
  }
}
footer { margin-top: 80px }

.attribution { font-size: 11px!important; text-align: center!important; }
.attribution a { color: hsl(228, 45%, 44%)!important; }

.serv-desc {
    margin-top: 90px!important;
    clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%)!important;
    padding: 10rem 20%!important;
    background-color: #549ef2!important;
   background:linear-gradient(90deg, rgba(84,158,242, 1), rgba(84,158,242, 0.1)), url(https://www.gameboost.eu/gb-assets/project_ashe.jpg)!important;
  background-size:cover!important;
    color: #ffffff!important;
}
/*  SECTIONS  */
.servsection {
	clear: both!important;
	padding: 0px!important;
	margin: 0px!important;
  text-align:center!important;
}

/*  COLUMN SETUP  */
.servcol {
	display: block!important;
	float:left!important;
	margin: 1% 0 1% 1.6%!important;
}
.servcol img{
  height: 64px!important;
}
.servcol:first-child { margin-left: 0!important; }

/*  GROUPING  */
.servgroup:before,
.servgroup:after { content:""!important; display:table!important; }
.servgroup:after { clear:both!important;}
.servgroup { zoom:1!important; /* For IE 6/7 */ }
.span_3_of_3 { width: 100%!important; }
.span_2_of_3 { width: 66.13%!important; }
.span_1_of_3 { width: 32.26%!important; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 800px) {
	.servcol {  margin: 1% 0 3% 0%!important; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%!important; }
}
.flip-card {
  height: 120px!important;
  perspective: 1000px!important;
  margin-bottom: 40px!important;
}

.flip-card-inner {
  position: relative!important;
  width: 100%!important;
  height: 100%!important;
  text-align: center!important;
  transition: transform 0.6s!important;
  transform-style: preserve-3d!important;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg)!important;
}

.flip-card-front, .flip-card-back {

  -webkit-backface-visibility: hidden!important;
  backface-visibility: hidden!important;
}

.flip-card-front {
  position: absolute!important;
  width: 100%!important;
  height: 100%!important;
}
.flip-card-front h3{
   color: #fff!important;
}
.flip-card-back {
   color: #fff!important;
  transform: rotateY(180deg)!important;
}
.flip-card-back p{
   color: #fff!important;
}
.booster-iframe {
  display:block!important;
  width:100%!important;
  border:none!important;
  height:1280px!important;
}
@media(max-width: 785px){
  .booster-iframe {
    height:2280px!important;
  }
}

/* TESTIOMNIALS */
.testimonial-iframe {
  display:block!important;
  width:100%!important;
  border:none!important;
  overflow:hidden!important;
  height:946px!important;
}
@media(max-width: 785px){
  .testimonial-iframe {
    height:1320px!important;
  }
}
@media(max-width: 585px){
  .testimonial-iframe {
    height:1420px!important;
  }
}