@media only screen and (max-width: 1279px) {
	
	.portfolio-item-content-section {
		margin-top: 30px;
	}

	.portfolio-group {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.card {
    	padding-left: 15px;
    	padding-right: 15px;
	}

}


@media only screen and (max-width: 1023px) {
	
	.site-branding h1 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.main-menu-button {
		display: block;
	}
	
	#primary-column-group {
		display: block;
	}
	
	.secondary.site-header {
	    text-align: center;
	}
	
	#mobile-main-nav-container.visible {
		display: block;
		box-shadow: 12px 0 36px rgba(0,0,0,0.12);
	}
	
	#site-navigation {
		display: none;
	}
	
	.social-media-container {
		margin-right: 75px;
		position: relative;
		top: 18px;
	}
	
	.secondary.site-header .social-media-container {
		padding: 0;
	}
	
	.social-media-menu .menu-item a {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.social-media-menu .menu-item a:before {
		font-size: 1.8rem;
	}
	
	.portfolio-item .thumbnail {
		min-height: 264px;
	}
	
	.portfolio-item-group {
		display:flex;
		flex-flow: column;
		font-size: 1.1rem;
	}
	
	.portfolio-item-group .column-1 {
		order: 2;
	}
	
	.portfolio-item-group .column-2 {
		order: 1;
	}
	
	.portfolio-item-group .column-1 {
    	padding: 30px;
    	padding-top: 60px;
	}
	
	.category-label-group {
		top: 8px;
		right: 8px;
	}
	
	a.portfolio-item-image-link,
	.portfolio-item-image-link-placeholder {
		height: 440px;
	}
	
	.card-group {
		grid-template-columns: 1fr 1fr;
	}
	
	.shortcode-list article {
		display: block;
		margin-bottom: 0;
	}
	
	.shortcode-list article .column-1 {
		display: none;
	}
	
	.shortcode-list article .content {
		padding-left: 0;
	}
	
}



@media only screen and (max-width: 767px) {
	
	textarea {
		height: 150px;
	}
	
	.breadcrumb-navigation {
		font-size: 1rem;
	}
	
	.homepage.site-header .column-group {
		/*display: block;*/
	}
	
	.custom-logo-link {
		max-width: 196px;
	}
	
	.homepage.site-header .column-group {
		grid-template-columns: 1fr 1fr;
	}

	.site-main {
		padding-left: 45px;
		padding-right: 45px;
	}
	
	.entry-content {
		text-align: center;
	}
	
	.content-section {
		text-align: center;
	}
	
	.margin-section {
		padding: 0 20px;
	}

	.entry-title {
		margin-top: 15px;
	}
	
	.category-label {
		font-size: 0.75em;
	}

	.portfolio-group {
		grid-template-columns: 1fr 1fr;
	}
	
	.portfolio-item-group .column-1 {
    	padding-left: 20px;
    	padding-right: 20px;
		text-align: center;
	}
	
	.portfolio-item-group .breadcrumb-navigation {
		margin-left: -15px;
		font-size: 0.75em;
	}
	
	.post-group.music-item .heading-group {
		display: block;
    	padding: 0 15px;
    	text-align: center;
	}
	
	.post-group.music-item .heading-group .column-1,
	.post-group.music-item .heading-group .column-2 {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	
	.post-group.music-item .entry-title {
    	margin-bottom: 5px;
		font-size: 2.5rem;
    	line-height: 2.5rem;
	}
	
	.post-group.music-item .category-group {
		font-size: 1.2rem;
    	line-height: 1.5rem;
	}
	
	.heading-group .button {
		padding: 8px 24px;
    	font-size: 1rem;
	}
	
	.card .content {
		text-align: inherit;
	}
	
	.card .link-button {
		font-size: inherit;
		text-align: inherit;
	}
	
}



@media only screen and (max-width: 639px) {

	.portfolio-group {
		grid-template-columns: 1fr;
	}
	
	.card-group {
		grid-template-columns: 1fr;
	}
	
	.card {
		padding-left: 0;
		padding-right: 0;
	}
	
}



@media only screen and (max-width: 539px) {
	
	.site-branding h1 {
		padding-top: 0;
		padding-bottom: 15px;
	}
	
	#mobile-main-nav-container {
		width: 100%
	}
	
	form {
		text-align: center;
	}
	
	.site-branding {
		margin: auto;
	}

	.site-main {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.main-menu-button {
		position: static;
		margin: auto;
    	padding-top: 8px;
    	padding-bottom: 8px;
	}
	
	.homepage.site-header .column-group {
		display: block;
	}
	
	.column-group .column-3 {
		width: 100%;
		text-align: center;
	}
	
	.social-media-container {
		margin-right: 0;
		position: static;
		top: 0;
	}
	
	h1.site-title {
		font-size: 2em;
		text-align: center;
	}

	.entry-title-breadcrumb {
		margin-top: 10px;
	}

	.entry-title-breadcrumb h3 {
		margin: 0;
	}

	.entry-title-breadcrumb .entry-title {
		margin: 0;	
		line-height: 4.5rem;
	}
	
	.portfolio-nav ul li {
    	display: block;
	}
	
	a.portfolio-item-image-link,
	.portfolio-item-image-link-placeholder {
		height: 360px;
	}
	
	
}