@font-face {
    font-family: yuvappfont;
    src: url(font/Proxima\ Nova\ Regular.otf);
    font-weight: regular;
}

@font-face {
    font-family: yuvappfont;
    src: url(font/Proxima\ Nova\ Bold.otf);
    font-weight: bold;
}

@font-face {
    font-family: yuvappfont;
    src: url(font/Proxima\ Nova\ Bold\ Italic.otf);
    font-style: italic;
}

@font-face {
    font-family: yuvappfont;
    src: url(font/Proxima\ Nova\ Extrabold.otf);
    font-weight: 700;
}

body{
    font-family: yuvappfont;
    max-width: 425px;
    margin: auto;
}
.header-section{
  background-color: #713669 ;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 70px;
}
.header-content{
    padding-bottom: 100px;
}

.header-section h2{
    font-weight: bold;
    color: #fff;
   font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
}

.fit-section{
    padding-bottom: 54px;
    background-color: #eac435 ;
}
.fit-fabulous{
    width: 80%;
    padding: 25px;
    margin-top: -64px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0.2rem 0.2rem 1rem #d3d2d2;
}

.fit-fabulous h2{
    font-size: 24px;
    font-weight: bold;
}

.group-training h2{
font-weight: bold;
}


.single-container{
    width: 80%;
}

.single-container img{
    width: 125%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.single-container-text a{
    text-decoration: none;
}
.single-container-text p{
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 600px) {

    .fit-fabulous{
        padding: 15px 10px;
        
        margin-top: -74px;
    }
  }