@media (max-width: 1279px) { /*For tablet */
    :root {
        --widthpadding: 2rem;
        --widthpaddingsmaller: calc((100% - 720px) / 2 + 2rem);
        --widthpaddingverysmall: calc((100% - 720px) / 2);
    }


    html,
    body {
        font-size: 17px;
        background-image: url(../data/img/bg-tablet.webp);
    }

	section.gallery {
		height: 100vh;
	}

    #About-content {
        flex-direction: column;
        gap: 2rem;
    }
    #About-content .content {
        width: 90%;
    }
    #about-scroll-logo {
        width: 9rem;
        height: 9rem;
    }
    .content-block {
        flex-direction: column;
        gap: 1rem;
    }
    .content-block .content {
        width: 100%;
    }
    .content-block .content-image {
        width: 100%;
    }
    .content-block#mission .content {
        order: 3;
    }
    .content-block#mission .content-image {
        order: 1;
    }
    .content-block#events-content {
        flex-direction: row;
        align-items: flex-start;
    }
    .content-block .content {
        order: 1;
    }
    .content-block .content-image.content-image-tall {
        width: calc(40% - 1rem);
        order: 5;
        translate: 0 6rem;
        margin-bottom: 6rem;
      }
    .content-block .content-image.content-image-special {
        width: calc(60% - 1rem);
        translate: 0;
        order: 3;
    }
    .content-block#brands {
        flex-direction: row;
        margin-top: 5rem;
        padding: 1rem var(--widthpaddingsmaller);
    }
    .content-block#brands .content{
        order: 1;
        text-align: left;
        width: 100%;
        margin: 0 auto;
    }
    .content-block#brands h3 {
        justify-content: flex-start;
    }
    .content-block#brands .content-box {
        order: 5;
        width: calc(50% - 2.5rem);
    }
    .partners {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;;
    }
    .partners .partner-img {
        width: calc(100% / 3 - 1rem);
    }

    .contact-form p {
        margin-bottom: 1rem;
    }
    .contact-form {
        padding: 4rem 2rem;
        background-image: url(../data/img/form-bg-tablet.png);
    }
    #footer-left {
        width: 40%;
    }
    #footer-left {
        width: 70%;
        max-width: 70%;
    }
    
}