.blog__section {
    margin-top: 3rem;
}
#main__container {
    margin-top: 3rem;
}
.about__motorcycle .about__content {
    display: grid;
    justify-content: space-between;
    align-items: center;
    color: white;
    grid-template-columns: 40% 60%;
    min-height: 35vh;
}
.hero {
    /*padding: 4rem 0;*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-position: 25% 27%;*/
    /*background-repeat: no-repeat;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*position: relative;*/
    /*height: auto;*/
}
.style__title {
    color: black;
    font-weight: 1000;
    font-size: 3rem;
    margin-bottom: .4rem;
}

.motorcycle__description__box {
    /*display: grid;*/
    grid-template-columns: 1fr 1fr;
    gap: 0 3rem;
}
.down__section .motorcycle__description__box--single, .up__section .motorcycle__description__box--single {
    grid-template-columns: 1fr;
}
.motorcycle__description__box .photo {
    float: left;
    min-width: 250px;
    padding: 0 1rem 1rem 0;
}

.description .description__content {
    line-height: 1.5rem;
}
.default__section {
    margin: 3rem 0 6rem 0;
}
.default__section .default__title {
    font-weight: 1000;
    font-size: 1.875rem;
    margin-bottom: 2rem;
}
.default__section .default__box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}
.default__box .default__box__item {
    border: 2px solid var(--black);
    padding: 1.4rem .5rem;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    color: var(--black);
    font-size: 1rem;
    transition: var(--btn-hover-duration) var(--btn-hover-ease) background,
        var(--btn-hover-duration) var(--btn-hover-ease) color;
}
.default__box .default__box__item:hover {
    background: var(--black);
    color: var(--white);
}
.down__section {
    background: #fff;
    padding-bottom: 3.5rem;
}
.down__section .motorcycle__description__box {
    margin: 0;
    padding: 0;
    background: #fff;
}
.down__section .default__box--down {
    margin-top: 4rem;
}
.up__section {
    padding: 1.5rem 0;
}
@media only screen and (max-width: 1023px) {
    .motorcycle__description__box {
        grid-template-columns: 1fr;
        gap: 2rem 0;
        margin: 0;
    }
    .motorcycle__description__box .photo {
        grid-row: 2;
    }
    .about__motorcycle .about__content {
        display: grid;
        gap: 2rem;
        padding-top: 1rem;
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 575px) {
    #main__container {
        margin-top: 1rem;
    }
}