* {
    font-family: 'Montserrat'!important;
}

.hero h1{
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0px;
}

.hero h2{
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-weight: 300;
}

.hero span{
    font-weight: 500;
}

footer{
    font-weight: 400!important;
}

.text-bold{
    font-weight: 500!important;
}

footer.bottom {
    padding-top: 50px!important;
}

.grid.classic .item .caption .tag{
    font-size: 16px;
    font-weight: 500;
}

.refer-main{
    display: inline-flex;
    margin-top: 10px;
}

.refer-items{
    padding: 10px;
    margin: 5px;
    color: white;
    background-color: black;
}

@media screen and (max-width: 768px) {
    .refer-items{
        height: 50px;
        justify-content: center;
        align-items: center;
        display: flex;
    }
  }