@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body {
     background-color: #F5F5F5 !important;
}

.my-container {
     padding-left: 100px;
     padding-right: 100px;
     position: relative;
}

.three-part-heading {

font-family: 'Urbane';

font-style: normal;

font-weight: 600;

font-size: 80px;

line-height: 84px;
     /* or 105% */

min-width: 55vw;

color: #000000;
}

.three-part-image {
     position: absolute;
     z-index: -1;
     width: 16%;
     filter:  drop-shadow(-1px 1px 100px #000);
     top: -34px;
     left: 19px;
     -webkit-animation: spin 3s infinite linear;
}

@-webkit-keyframes spin{
     0% {-webkit-transform: rotate(0deg);}
     100% {-webkit-transform: rotate(360deg);}
}

.three-part-persentage>div {
     margin-left: auto;
     margin-right: auto;
     margin-top: 5rem;
     margin-bottom: 5rem;
     text-align: left;
}

.three-part-persentage>div>b {
     font-family: 'Bebas Neue', cursive;
     font-style: normal;
     font-weight: lighter;
     font-size: 7vw;
     line-height: 32px;
     align-items: center;
     text-align: center;
     color: #3489C6;
}

.three-part-persentage>div>p {
     font-family: 'Bebas Neue', cursive;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 22px;
    justify-content: center;
    min-width: 286px;
    color: #000000;
    margin-top: 10%;
    padding-top: 5%;
}

.three-part-persentage-outer {
     margin-top: 20px;
}

.three-part-persentage {
     margin-top: 90px;
}


/* Responsive  */


@media only screen and (max-width: 991px) {
     .my-container {
          padding-left: 10px;
          padding-right: 10px;
     }
}


@media only screen and (max-width: 600px) {
     .three-part-heading {
          font-size: 33px;
          line-height: 34px;
     }

     .three-part-persentage>div>b {
          font-size: 100px;
     }

     .my-container {
          padding-left: 10px;
          padding-right: 10px;
     }

     .three-part-heading {

          min-width: auto;
     }

     .three-part-persentage>div>p {
          min-width: auto;
     }
}

@media only screen and (max-width: 408px) {
     .three-part-heading {
          line-height: 34px;
          font-size: 33px;
     }
}