.main-back{
    background: url(IMG/1728006819438.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120vh;
}

.border-bottom-1px{
    border-bottom: 1px solid burlywood;
}

.border-bottom-2px{
    border-bottom: 2px solid burlywood;
}

.my-btn{
    border: none;
    padding: 15px 13px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    background: linear-gradient(to bottom, rgb(222, 184, 135), rgba(222, 184, 135, 0.5));
    transition: all 0.5s ease-in-out;
}

.my-btn-light{
    border: none;
    padding: 8px 10px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    background: linear-gradient(to bottom, rgb(199, 165, 121), rgba(197, 163, 118, 0.9));
    transition: all 0.5s ease-in-out;
}

.my-btn:hover{
    background-color: rgb(121, 101, 75);
}

.main-about-back{
    background: url(IMG/pexels-startup-stock-photos-7096.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height:65vh;
}

.main-about-position{
    background-color: #fff;
    position: relative;
    bottom: 50px;
    box-shadow: 0px 5px 10px rgb(211, 210, 210);
}


/* MEDIA QUERY */
@media (max-width:576px){
    .main-back{
        height: 100vh;
    }
    .my-btn{
        padding: 10px 8px;
        font-size: 3.5vw;
    }
    .my-btn-light{
        padding: 10px 8px;
        font-size: 3.5vw;
    }
    .main-about-back{
        height: 35vh;
    }

    .main-about-position{
        bottom: 70px;
        box-shadow: 0px 5px 5px rgb(177, 177, 177);
    }
}

@media (min-width:577px) and (max-width:767px){
    .main-back{
        height: 100vh;
    }

    .my-btn{
        padding: 12px 10px;
        font-size: 3.7vw;
    }
    .my-btn-light{
        padding: 12px 10px;
        font-size: 3.7vw;
    }

    .main-about-back{
        height: 40vh;
    }

    .main-about-position{
        bottom: 70px;
        box-shadow: 0px 5px 5px rgb(177, 177, 177);
    }
}


@media (min-width:768px) and (max-width:991px){
    .main-back{
        height: 100vh;
    }
    .main-about-position{
        bottom: 70px;
        box-shadow: 0px 5px 5px rgb(177, 177, 177);
    }
    .main-about-back{
        height: 40vh;
    }

    .my-btn{
        padding: 12px 10px;
        font-size: 3.7vw;
    }
    .my-btn-light{
        padding: 12px 10px;
        font-size: 3.7vw;
    }
}


@media (min-width:992px) and (max-width:1199px){
    
}  


@media (min-width:1200px) and (max-width:1399px){
    
}


@media (min-width:1400px){
    
}