*{
    margin: 0;
    padding: 0;
    font-family: Fira Sans Condensed,sans-serif;
        box-sizing: border-box;

}

header{
    height: auto;
    background-size: cover;
    background-position: center;
    background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url(images/fitness.jpg);
}
.heading{
padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    background: linear-gradient(57deg, #00c6a7, #1e4d92);
    
    
}

.container{
    
    display: flex; flex-flow: row wrap;
text-align: center;
}




.leftside{
    width: 45%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
    
}
.leftside img{
    width: 500px; height: 500px;
}
.rightside {
    width: 55%; height: 300px; color: white; text-align: center; margin-top: 40px; padding: 40px;
    
}
.rightside h1{font-size: 50px; font-weight: 900; text-transform: uppercase;}
.rightside h3{padding: 30px 0;}

.rightside img{
    width: 300px; height: 110px; margin-top: 30px;
}
.rightside h2{ background: linear-gradient(57deg, #aa2dfd, #aa2dfd); padding: 5px;}

/* Extra small devices (phones, 767px and down) */
@media only screen and (max-width: 767px) {
    .container{
        flex-wrap: wrap;
    }
  .one {
      flex: 0 0 100%;
      margin-bottom: 20px;
      width: 100%;
    }
    
    .heading{
            font-size: 20px;

    }
    
    .leftside img{
    width: 500px; height: 500px;
}
    .rightside h1{font-size: 35px;}
   
    
}