body, html {
    text-align: center;
}

.counter-section{
    /* The image used */
    background-image: url("");

    /* Full height & width */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.counter-section:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #1010108c;
    background-image: linear-gradient(to bottom right,#002f4b,#dc4225);
    opacity: .6;
}

.header{
  font-size: 5rem;
  font-family: 'Monoton', cursive;
  font-weight: 200;
  color: #ff5252;
  transform: scale(1);
}

.article{
  font-size: 3rem;
  font-family: 'Monoton', cursive;
  font-weight: 200;
  color: #ff5252;
  transform: scale(1);
	margin-top: 22%;
}

/* Counter styles */

.counter{
    font-family: 'Monoton', cursive;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 4rem;
    transform: scale(1);
}

.counter > div{
    padding: 10px;
    border-radius: 3px;
    display: inline-block;
}

.counter div > span{
    padding: 15px;
    border-radius: 25px;
    display: inline-block;
    box-shadow: 2px 0px 0 #ff5252, 3px -4px 0 #ff5252, 6px -4px 0 #ff5252;
    border: 2px solid #ff5252;
}