/*
|-------------------------------------------------------------------------------
| Stack: Logo modifications
|-------------------------------------------------------------------------------
*/

/* Base mobile-first styles */
@media print, screen {
	
	.site-header nav.primary {
		justify-content: center;
	}

    .site-header .logo img {
        max-width: 220px;
    }

}

/* 450px - 575px */
@media print, screen and (min-width: 450px) and (max-width: 575px) {

    .site-header .logo img {
        max-width: 280px;
    }

}

/* 576px */
@media print, screen and (min-width: 576px) and (max-width: 767px) {

    .site-header .logo img {
        max-width: 350px;
    }

}


/* 768px - 991px */
@media print, screen and (min-width: 768px) and (max-width: 991px) {

	ul#primary-menu {
		display: none;
	}

}


/* 768px - 1239px */
@media print, screen and (min-width: 768px) and (max-width: 1239px) {

    @supports (display: grid) {
        .site-header .header_grid {
            grid-template-columns: 350px 1fr 130px;
        }
    }

    .site-header .logo {
        align-items: flex-end;
        padding: 20px;
    }
	
	.site-header .logo img {
        max-width: 100%;
    }

}


/* 1240px */
@media print, screen and (min-width: 1240px) {
	
	@supports (display: grid) {
		.site-header .header_grid {
			grid-template-columns: 350px 2fr 1fr;
		}
	}

	.site-header .logo img {
        max-width: 100%;
    }
	
}


/* 1440px */
@media print, screen and (min-width: 1440px) {
	
	@supports (display: grid) {
		.site-header .header_grid {
			grid-template-columns: 450px 2fr 1fr;
		}
	}
	
}