﻿.container {
    min-width: 100% !important;
}

bode {
    width: fit-content;
}

.body-content {
    padding-left: 0px;
    padding-right: 0px;
}

.bgimg-1 {
    background-image: url(/Images/Skillsforce-Home-Hero.jpg);
    min-height: 530px;
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
    position: relative;
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-header > .header-container {
    width: 50%;
    margin: auto;
    /* left: 40%; */
    position: relative;
    padding: 40px;
}


@media (min-width: 1700px) {
    .img-width {
        max-width: 450px;
    }
}

@media (min-width: 768px) and (max-width: 1020px) {
    .home-header > .header-container {
        width: 90%
    }
}

@media (min-width: 1021px) and (max-width: 1350px) {
    .home-header > .header-container {
        width: 66%
    }

    .home-header {
        top: 54% !important;
    }

    .bgimg-1 {
        min-height: 500px;
    }
}

@media (min-width: 300px) and (max-width: 767px) {
    .bgimg-1 {
        min-height: 240px;
    }

    .home-header {
        top: 52% !important;
    }

        .home-header > .header-container {
            width: 98%;
            font-size: 10px;
            padding: 10px;
        }

            .home-header > .header-container h5 {
                font-size: 10px;
            }

            .home-header > .header-container a {
                font-size: 12px;
            }
}

img {
    width: 100%;
}

.home-header {
    text-align: center;
    position: absolute;
    top: 56%;
}

select {
    max-width: none !important;
}

.padding-top50 {
    padding-top: 50px;
           
}
.padding-bottom50 {
           
    padding-bottom: 50px;
}

.padding-top30 {
    padding-top: 30px;
}
.padding70 {
    padding-top: 70px;
} 