h1,
h2,
h3,
h4 {
    font-weight: 400;
}

.bg-main {
    background-image: url("/projects/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px 150px;
    margin-top: 140px;
    margin-bottom: 30px;
}

.tp-hero-title{
    font-size: 35px;
    font-weight: 400;
    padding-bottom: 10px;
}

/* media query for mobile */
@media only screen and (max-width: 768px) {

    .bg-main {
        padding: 50px 20px;
        margin-top: 100px;
    }

    .bg-main h1 {
        font-size: 30px;
        font-weight: 400;
    }
}