#in_main {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

#image_logo {
    position: relative;
    display: inline-block;
    width: 327px;
    height: 100%;
    margin: 0 auto;
    top: 96px;
    left: -272px;;
}

#main_section {
    position: relative;
    top: -300px;
    margin: 0 auto;
    height: 400px;
}

#main_title {
    margin: 0 auto;
    position: relative;
    width: 700px;
    text-align: center;
    top: 80px;
    font-size: 25px;
    font-family: "lobster", cursive;
    color: #C26600;
    text-decoration: 5px underline ;
}

#main_description {
    margin: 0 auto;
    position: relative;
    width: 850px;
    text-align: center;
    top: 90px;
    font-size: 35px;
    font-family: "lobster", cursive;
}

#in_second_main {
    position: relative;
    top: -625px;
    left: 1110px;
    width: 375px;
    height: 470px;
    border: 5px solid #C26600;
    outline: 8px solid black;
    outline-offset: 8px;
}

#in_second_main_title {
    position: relative;
    top: 20px;
    text-align: center;
    font-size: 45px;
    font-family: "lobster", cursive;
    text-decoration: 2px underline;
}

#in_second_main_month {
    position: relative;
    top: 30px;
    text-align: center;
    font-size: 25px;
    color: #3C1D17;
    font-family: "lobster", cursive;
    font-weight: bold;
}

#in_second_main_title_description {
    position: relative;
    top: 40px;
    text-align: center;
    font-size: 25px;
    color: #3C1D17;
    font-family: "lobster", cursive;
    font-weight: bold;
}

.in_second_main_money {
    color: #C26600; 
    text-shadow: 1px 1px #3C1D17;
    font-weight: bolder;
}

#in_second_main_title_money {
    position: relative;
    top: 60px;
    text-align: center;
    font-size: 30px;
    font-family: "lobster", cursive;
}

#in_second_main_description_driver {
    position: relative;
    top: 65px;
    text-align: center;
    font-size: 45px;
    font-family: "lobster", cursive;
    text-decoration: 2px underline;
}

#in_second_main_driver_1 {
    position: relative;
    top: 85px;
    text-align: center;
    font-size: 25px;
    font-family: "lobster", cursive;
}

#in_second_main_driver_2 {
    position: relative;
    top: 105px;
    text-align: center;
    font-size: 25px;
    font-family: "lobster", cursive;
}

#in_second_main_driver_3 {
    position: relative;
    top: 125px;
    text-align: center;
    font-size: 25px;
    font-family: "lobster", cursive;
}

#section_onclick {
    position: relative;
    top: -550px;
    background-color: #C26600;
    margin: 0 auto;
    text-align: center;
    width: 120px;
    height: 40px;
}

#klick {
    position: relative;
    width: 100%;
    height: 50%;
    top: 5px;
    display: block;
    margin: 0 auto;
    font-size: 25px;
    text-decoration: none;
    color: white;
    text-align: center;
}

#klick:hover,#section_onclick:hover {
    background-color: grey;
    color: black;
    transition: 0.3s;
}

#section_truck_center {
    position: relative;
    top: -505px;
    width: 1200px;
    height: 210px;
    border-bottom: 5px solid grey;
}

#truck_center {
    position: relative;
    display: block;
    margin: 0 auto;
}

footer {
    margin-top: 480px !important;
}

/* Gallery */
#gallery_out {
    position: relative;
    background-color: white;
    top: -505px;
    height: 500px;
}

#gallery {
    margin-left: 10px;
    width: 100%;
    height: 480px;
    margin: 0 auto;
    overflow: hidden;
    background-color: white;
}

#gallery figure {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    animation: slide 20s infinite ease-in-out;
}

#gallery:hover figure {
    animation-play-state: paused;
}

@keyframes slide {
    0% {left: 0}
    12% {left: -0}
    12% {left: -0}
    16% {left: -100%}
    28% {left: -100%}
    32% {left: -200%}
    44% {left: -200%}
    48% {left: -300%}
    60% {left: -300%}
    65% {left: -400%}
    65% {left: -400%}
    65% {left: 0}
}

#gallery img {
    object-fit: none;
    position: relative;
    display: inline;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#img1 {
    float: left;
}

#img_in {
    top: -480px;
    left: 1900px;
    position: absolute !important;
}

#img_in2 {
    top: -960px;
    left: 3800px;
    position: absolute !important;
}

#img_in3 {
    top: -1445px;
    height: 500px !important;
    left: 5710px;
    position: absolute !important;
}

/* Firefox = 90% / Chrome = 80% */
@media (min-width: 2144px) {
    #in_main {
        width: 50%;
    }

    #image_logo {
        left: -480px;
    }

    #main_title {
        font-size: 200%;
        width: 100%;
    }

    #main_description {
        font-size: 250%;
        width: 100%;
    }

    #in_second_main {
        left: 1150px;
        
    }

    #section_truck_center {
        width: 100%;
    }

    #img1 {
        width: 100% !important;
        background-color: black;
    }

    #img_in {
        left: 2120px;
        object-fit: cover !important;
    }

    #img_in2 {
        left: 4245px;
        object-fit: cover !important;
    }   
    
    #img_in3 {
        left: 6370px;
        object-fit: cover !important;
    }
}

@media (min-width: 2133px) /* webkit 90% for gallery perfect size*/ {

    #img1 {
        width: 100% !important;
        background-color: black;
    }

    #img_in {
        left: 2112px;
        object-fit: cover !important;
    }

    #img_in2 {
        left: 4230px;
        object-fit: cover !important;
    }   
    
    #img_in3 {
        left: 6340px;
        object-fit: cover !important;
    }


}

@media (max-width: 1260px) {

    #image_logo {
        top: 80px;
        left: -20px;
    }

    #logo {
        width: 250px;
        height: 250px;
    }

    #main_section {
        top: -250px;
        width: 50%;
    }

    #main_title {
        font-size: 18px;
        width: 100%;
    }

    #main_description {
        font-size: 21px;
        width: 100%;
    }

    #in_second_main {
        top: -550px;
        width: 300px;
        left: 890px;
    }

    /* Gallery */
    #gallery_out {
        height: 300px;
    }

    #gallery {
        height: 300px;
    }

    #gallery img {
        object-fit: cover;
        position: relative;
        display: inline;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #img_in {
        top: -300px;
        left: 1260px;
        position: absolute !important;
    }

    #img_in2 {
        top: -600px;
        left: 2520px;
        position: absolute !important;
    }

    #img_in3 {
        top: -900px;
        left: 3780px;
        width: 100%;
        height: 300px !important;
        object-fit: none;
        position: absolute !important;
    }

    footer {
        margin-top: 450px !important;
}
}

@media (max-width: 1025px) {

    #in_main {
        width: 100%;
    }

    #image_logo {
        position: relative;
        top: 50px;
        width: 250px;
        display: block;
        margin: 0 auto;
    }

    #logo {
        display: inherit;
        margin: 0 auto;
        width: 250px;
        height: 250px;
    }

    #main_section {
        margin: 0 auto;
        top: 50px;
        width: 100%;
    }

    #main_title {
        font-size: 18px;
        width: 100%;
    }

    #main_description {
        font-size: 21px;
        width: 100%;
    }

    #in_second_main {
        top: 10px;
        width: 300px;
        left: 0px;
        display: block;
        margin: 0 auto;
    }

    #section_onclick {
        top: 100px;
    }

    #section_truck_center {
        top: 200px;
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    #truck_center {
        display: inherit;
        margin: 0 auto;
    }

    /* Gallery */
    #gallery_out {
        top: 200px;
        height: 300px;
    }

    #gallery {
        height: 300px;
    }

    #gallery img {
        object-fit: cover;
        position: relative;
        display: inline;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #img_in {
        top: -300px;
        left: 1023px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in2 {
        top: -600px;
        left: 2048px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in3 {
        top: -900px;
        left: 3072px;
        width: 100%;
        height: 300px !important;
        object-fit: none;
        position: absolute !important;
    }

    #main_description {
        font-size: 21px;
        width: 90%
    }

    footer {
        margin-top: 100px !important;
}
}

@media (max-width: 800px) {

    #in_main {
        width: 100%;
    }

    #image_logo {
        position: relative;
        top: 50px;
        width: 250px;
        display: block;
        margin: 0 auto;
    }

    #logo {
        display: inherit;
        margin: 0 auto;
        width: 250px;
        height: 250px;
    }

    #main_section {
        margin: 0 auto;
        top: 50px;
        width: 100%;
    }

    #main_title {
        font-size: 18px;
        width: 100%;
    }

    #main_description {
        font-size: 21px;
        width: 100%;
    }

    #in_second_main {
        top: 10px;
        width: 300px;
        left: 0px;
        display: block;
        margin: 0 auto;
    }

    #section_onclick {
        top: 100px;
    }

    #section_truck_center {
        top: 200px;
        margin: 0 auto;
        display: block;
        width: 100%;
    }

    #truck_center {
        display: inherit;
        margin: 0 auto;
    }

    /* Gallery */
    #gallery_out {
        top: 200px;
        height: 300px;
    }

    #gallery {
        height: 200px;
    }

    #gallery img {
        object-fit: contain;
        position: relative;
        display: inline;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #img_in {
        top: -200px;
        left: 800px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in2 {
        top: -400px;
        left: 1600px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in3 {
        top: -650px;
        left: 2400px;
        width: 100%;
        height: 300px !important;
        object-fit: none;
        position: absolute !important;
    }

    #main_description {
        font-size: 21px;
        width: 90%
    }

    footer {
        margin-top: 100px !important;
}
}

@media (max-width: 720px) {
    #gallery img {
        object-fit: cover;
        position: relative;
        display: inline;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #img_in {
        top: -200px;
        left: 720px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in2 {
        top: -400px;
        left: 1440px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in3 {
        top: -600px;
        left: 2161px;
        width: 100%;
        height: 200px !important;
        object-fit: unset !important;
        position: absolute !important;
    }

    #main_description {
        font-size: 21px;
        width: 90%
    }
}

@media (max-width: 420px) {

    #in_main {
        width: 100%;
    }

    #image_logo {
        position: relative;
        top: 50px;
        width: 250px;
        display: block;
        margin: 0 auto;
        left: 0px;
    }

    #logo {
        display: inherit;
        margin: 0 auto;
        width: 250px;
        height: 250px;
    }

    #main_section {
        margin: 0 auto;
        top: 50px;
        width: 100%;
    }

    #main_title {
        font-size: 10px;
        width: 100%;
    }

    #main_description {
        font-size: 17px;
        width: 90%;
        word-wrap: break-word;
    }

    #in_second_main {
        top: 10px;
        width: 300px;
        left: 0px;
        display: block;
        margin: 0 auto;
    }

    #section_onclick {
        top: 100px;
    }

    #section_truck_center {
        top: 200px;
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 170px;
    }

    #truck_center {
        display: inherit;
        margin: 0 auto;
        width: 300px;
        height: 250px;
    }

    /* Gallery */
    #gallery_out {
        top: 200px;
        height: 100px;
    }

    #gallery {
        height: 100px;
    }

    #gallery img {
        object-fit: contain;
        position: relative;
        display: inline;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #img_in {
        top: -100px;
        left: 410px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in2 {
        top: -200px;
        left: 820px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in3 {
        top: -300px;
        left: 1245px;
        width: 100%;
        height: 100px !important;
        object-fit: cover !important;
        position: absolute !important;
    }

    footer {
        margin-top: 100px !important;
}
}

@media (max-width: 361px) {
    /* Gallery */
    #gallery_out {
        top: 200px;
        height: 100px;
    }

    #gallery {
        height: 100px;
    }

    #gallery img {
        object-fit: cover;
        position: relative;
        display: inline;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #img_in {
        top: -100px;
        left: 360px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in2 {
        top: -200px;
        left: 720px;
        object-fit: unset !important;
        position: absolute !important;
    }

    #img_in3 {
        top: -300px;
        left: 1083px;
        width: 100%;
        height: 100px !important;
        object-fit: cover !important;
        position: absolute !important;
    }
}