:root {
  --primary: #B274BA;
  --smooth: cubic-bezier(0.11, 0.85, 0.14, 1);
  --smooth1: cubic-bezier(.32,.24,.14,1);
  --smoothSoft: cubic-bezier(0.2, 0.65, 0.14, 1);
  --smooth-skew: cubic-bezier(0, 0.4, 0.1, 1);
  --easeOut: cubic-bezier(0, 0.77, 0.54, 1);
  --smooth-mini: cubic-bezier(0.11, 0.85, 0.14, 1);
  --bounce: cubic-bezier(0.17, 0.57, 0.77, 1.4);
  --bounce1: cubic-bezier(.03,1.09,.95,1.6);
}

/***********************************************************
  breakpoints 
***********************************************************/

html {
    font-size: 16px !important;
}

.main {
    /*
    transform: scale(0.625);
    */
    padding-bottom: 50px;
    padding-top: 100px;
}

.main h2 {
        font-size: 80px;
    }

@media (max-width: 767px) {

.main h2 {
            font-size: 50px
    }
        }

.main .h2-sub {
        font-size: 22px;
    }

@media (max-width: 767px) {

.main .h2-sub {
            font-size: 18px;
            margin-top: 16px
    }
        }

.main .page-header {
        padding-top: 0;
    }

@media (max-width: 767px) {

.main .page-header {
            margin-bottom: 30px
    }
        }

.footer {
    padding: 0 !important;
}