html,body{
    font-family: "Poppins", sans-serif;
    color:#1E1E1E
}

.container{
    max-width: 1024px;
    margin: 25px auto;
    text-align: center;
}
.beecomb {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.beecomb .line {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    margin-bottom: -105px;
}

.beecomb .line:last-child {
    margin-bottom: 0;
}

.beecomb .item {
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: url('../images/introrectangle.svg') no-repeat;
    background-size: contain;
}

.beecomb .item:hover {
    opacity: 0.8;
}

.beecomb .item:last-child {
    margin-bottom: 0;
}

.beecomb .item:hover:before {
    background: #d99300;
}

.beecomb .item img {
    max-width: 55%;
}

.intro-title{
    font-size: 42px;
    font-weight: 400;
}
.into-text{
    color:#525252;
    font-size:14px;
}

.copyright-text{
    font-size:13px
}

@media (max-width: 576px) {

    .beecomb .item {
        width: 50vw;
        height: 50vw;
    }

    .beecomb .item img {
        max-width: 65%;
        margin-top: -10px;
    }

    .beecomb {
        margin-top: 25px;
    }

    .beecomb .line {
        /* display: block; */
        margin-bottom: -20vw;
    }

}