@media only screen and (max-width: 1080px) {
    /*Components*/
    /**Columns**/
    .component[data-component="columns"] .grid3 {
        grid-template-columns: repeat(auto-fill, minmax(200px, 256px));
    }
}
@media only screen and (max-width: 900px) {
    /*Components*/
    /**Columns**/
    .component[data-component="columns"] .grid2.fifty,
    .component[data-component="columns"] .grid2.thirty,
    .component[data-component="columns"] .grid2.seventy {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .component[data-component="columns"] .grid3.small-tile-container {
        grid-template-columns: 1fr;
        grid-gap: 24px;
        justify-content: center;
        justify-items: center;
    }
    .component[data-component="columns"] .small-tile {
        text-align: left;
        display: flex;
        align-items: center;
        max-width: 544px;
        width: 100%;
    }
    .component[data-component="columns"] .small-tile .multiField_3 {
        margin-top: 0;
        margin-left: 16px;
        width: calc(100% - 72px);
    }
    .component[data-component="columns"] .grid4 {
        grid-template-columns: repeat(auto-fill, minmax(200px, 280px));
    }
}
@media only screen and (max-width: 600px) {
    /*General Overdiv*/
    #overdiv .mt40 {
        margin-top: 32px!important;
    }
    /**Fonts**/
    h1, .h1 {
        font-size: 25px;
    }
    h2, .h2 {
        font-size: 24px;
    }
    h3, .h3 {
        font-size: 22px;
    }
    h4, .h4 {
        font-size: 20px;
    }
    h5, .h5 {
        font-size: 18px;
    }
    /**Backgrounds and colours**/
    .bg-with-shapes::before {
        width: 200px;
        height: 100px;
    }
    .bg-with-shapes::after {
        width: 154px;
        height: 77px;
    }

    /*Header*/
    #header {
        padding: 12px 0;
    }
    #header_logo {
        height: 48px;
    }

    /*Main*/
    #main {
        margin-top: 80px;
    }

    /*Footer*/
    #footer {
        padding: 40px 0;
    }
    #footer_field1 img {
        max-height: 64px;
    }
    #footer_contact .contact a {
        margin: 8px 9px 0;
    }

    /*Components*/
    /**Columns**/
    .component[data-component="columns"] .grid2.fifty.standard-tile-container {
        grid-template-columns: repeat(auto-fit, minmax(200px, 400px));
        grid-gap: 24px;
    }
    .component[data-component="columns"] .standard-tile .multiField_3 {
        padding: 24px;
    }
    .component[data-component="columns"] .grid3.small-tile-container {
        grid-gap: 16px;
    }
    .component[data-component="columns"] .multi_column.mobile-field .multiField_2 {
        display: none;
    }
    .component[data-component="columns"] .multi_column.mobile-field .multiField_5 {
        display: block;
    }
    /**Hero image**/
    .component[data-component="hero-image"] .hero-container {
        min-height: 544px;
    }
    .component[data-component="hero-image"] .hero-text {
        background-color: rgba(255, 255, 255, .75);
        padding: 24px;
    }
    .component[data-component="hero-image"] .hero-text img {
        max-height: 112px!important;
    }
    /**Single field**/
    #overdiv:not(.admin) .component[data-component="single-field"] .single-field-desktop {
        display: none;
    }
    #overdiv:not(.admin) .component[data-component="single-field"] .single-field-mobile {
        display: block;
    }
    /**Spacer**/
    .component[data-component="spacer"] .height {
        display: none;
    }
    .component[data-component="spacer"] .mobile-height {
        display: block;
    }
}