/*
 * Globals
 */

 /* Links */
 a,
 a:focus,
 a:hover {
    color: #4CAF50;
 }

 /* Custom default button */
 .btn-secondary,
 .btn-secondary:hover,
 .btn-secondary:focus {
    color: #fff;
    text-shadow: none; /* Prevent inheritance from `body` */
    background-color: #4CAF50;
    border: .05rem solid #4CAF50;
 }


/*
 * Base structure
 */

 html{
    height: 100%;
 }

 body {
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    background: #fff url('https://img.idwebhost.com/cdn/2020/21fit/ems.jpg');
    background-repeat: no-repeat;
    background-color: #111;
    color: #eee;
 }
 h1.cover-heading{

    margin-left: 30px;
 }
 .cover-heading{
    font-size: 40px;
    font-weight: 900;
    transform: skewX(-11deg);
    letter-spacing: 0px;
    font-family: montserrat;
 }
 .cover-heading span{
    color: #03a220;
 }
 .cover-container {
    max-width: 52em;
 }


/*
 * Header
 */
 .masthead {
    margin-bottom: 2rem;
 }

.img-wa{
    width: 24px;
}
.img-wa:after{
    content: 'Tap here to Chat';
}
 .masthead-brand {
    margin-bottom: 0;
    font-weight: 900;
    color: #03a220;
    background: #fff;
    padding: 10px;
    text-shadow: 2px 2px 90px #ffffff;
    transform: skewX(-11deg);
    font-family: montserrat;
 }
 .masthead-brand span{
    color: #000;
 }

 .brand {
    margin-bottom: 0;
    font-weight: 900;
    color: #03a220;
    font-style: italic;
 }

 .nav-masthead .nav-link {
    padding: .25rem 0;
    font-weight: 700;
    color: #fff;
    background-color: transparent;
    border-bottom: .25rem solid transparent;
 }

 .nav-masthead .nav-link:hover,
 .nav-masthead .nav-link:focus {
    border-bottom-color: #4CAF50;
 }

 .nav-masthead .nav-link + .nav-link {
    margin-left: 1rem;
 }

 .nav-masthead .active {
    color: #fff;
    border-bottom-color: #4CAF50;
 }

 @media (min-width: 48em) {
    .masthead-brand {
        float: left;
    }
    .nav-masthead {
        float: right;
    }

 }




/*
 * Cover
 */
 .cover:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 700px;
    background-color: #00ff3a;
    z-index: -1;
    margin-top: -200px;
    -ms-transform: skewX(11deg);
    transform: skewX(-11deg);
 }
 .cover:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 300px;
    background-color: #009688;
    z-index: -1;
    margin-top: -250px;
    margin-left: -30px;
    -ms-transform: skewX(11deg);
    transform: skewX(-11deg);
 }
 .overlay{
    background: linear-gradient(7deg, rgba(2,0,36,1) 0%, rgba(2,0,36,0.2) 100%);
    width: 100%;
    display: flex;
    background-attachment: fixed;
    align-items: stretch;
}
 .cover .btn-lg {
    padding: .75rem 1.25rem;
    font-weight: 700;
 }
 @media (max-width: 48em) {
    h1{
        font-size: 30px;
    }

 }

.logo{
    display: inline-block;
}
.logo img{
    width: 180px;
    background: #fff;
}
 .logo:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 48px;
    background-color: white;
    z-index: 1;
    margin-top: 0px;
    margin-left: -7px;
    -ms-transform: skewX(11deg);
    transform: skewX(-11deg);
 }
 .logo:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 48px;
    background-color: white;
    z-index: 1;
    margin-top: 0px;
    margin-left: -7px;
    -ms-transform: skewX(11deg);
    transform: skewX(-11deg);
 }

/*
 * Footer
 */
 .mastfoot {
    /*color: #333;*/
 }

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gTD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3g3D_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gbD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gfD_vx3rCubqg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Montserrat Black'), local('Montserrat-Black'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gnD_vx3rCs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}