@media (max-width: 600px) {
    .container {
        width: 600px;
    }
    .nav {
        width: 600px;
        height: 550px;
        margin-bottom: 0px;
    }
    #none {
        display: none;
    }
    .navbar {
        width: 600px;
        display: flex;
        justify-content: space-between;
    }
    .navbar img {
        margin-left: 40px;
        margin-right: 40px;
    }
    .intro {
        width: 600px;
        margin-left: 0px;
        height: max-content;
        margin-bottom: 0px;
    }
    .intro-box {
        width: 500px;
        margin-left: 0px;
        display: flex;
        margin-left: 50px;
        margin-top: 250px;
        height: max-content;
        margin-bottom: 0px;
    }
    .intro-title {
        font-size: 40px;
        margin-top: 30px;
        line-height: 0px;
        width: 400px;
        margin-left: 100px;
        text-align: center;
    }
    .intro-button {
        margin-left: 228.5px;
        margin-top: 40px;
        margin-bottom: 30px;
    }
    .header {
        width: 600px;
        margin-top: 0px;
    }
    .header-box {
        margin-top: 0px;
        width: 600px;
        margin-left: 0px;
    }
    .carousel {
        width: 600px;
    }
    .magazinebox {
        display: block;
        width: 600px;
        justify-content: center;
        align-items: center;
    }
    .magazinebox img {
        margin-left: 25px;
    }
    .magazineLeft {
        margin-left: -35px;
    }
    .carousel-container {
        width: 600px;
        margin-left: 0px;
    }
    .carousel-part {
        width: 400px;
        margin-left: 0px;
        display: flex;
        flex-wrap: wrap;
        height: 1500px;
        margin-left: 40px;
        margin-top: 100px;
        margin-left: 120px;
    }
    .card {
        margin-left: 10px;
        margin-top: 20px;
    }
    .slides {
        width: 600px;
        margin-left: 0px;
    }
    .slideCar {
        width: 600px;
        margin-left: 0px;
        display: block;
        flex-wrap: wrap;
    }
    .slide-active {
        width: 300px;
    }
    .cars {
        width: 600px;
        margin-left: 0px;
    }
    .cars-top {
        width: 600px;
        margin-left: 0px;
    }
    .cars-bottom {
        width: 600px;
        margin-left: 0px;
        display: block;
        flex-wrap: wrap;
    }
    .cars-carousel {
        width: 600px;
        margin-left: 0px;
        display: block;
        flex-wrap: wrap;
    }
    .cars-part {
        width: 600px;
        margin-left: 0px;
        display: block;
        flex-wrap: wrap;
    }
    .cars-link {
        margin-left: 0px;
    }
}