/*graphic design*/
.graphic-design .page-column a .page-inner {
    background-position: center;
	background-size: cover;
}
.graphic-design .belong .page-column a .page-inner {
	background-position: left;
	background-size: calc(100% - 50px);
}

.graphic-design .page.music-underground a .page-inner {
	background-image: url("../images/graphic-design/mu-title.webp");
}

.graphic-design .page.taste-of-music a .page-inner {
	background-image: url("../images/graphic-design/tom-title.webp");
    background-color: #FFEED4;
}

.graphic-design .page.into-the-sunset a .page-inner {
	background-image: url("../images/graphic-design/into-the-sunset/into-the-sunset-title.webp");
}

.graphic-design .page.belong a .page-inner {
	background-image: url("../images/graphic-design/belong-title.webp");
	background-color: #AAD969;
}

.graphic-design .page.fable a .page-inner {
	background-image: url("../images/graphic-design/fable-title.webp");
}

.graphic-design .page.fix a .page-inner {
	background-color: #d15662;
	background-image: url("../images/graphic-design/fix/album-mu.webp");
}

.page.fix .btn {
	background-color: #d15662;
}

.graphic-design .page.fix h2 {
	color: #d15662;
}

/* gd-music-underground */
.page.music-underground h2 {
	color: var(--mu-red);
}

.graphic-design .page .page-inner > * {
	margin: 10px 0;
}

.page.music-underground .btn {
	background: var(--mu-red);
}

.page.taste-of-music h2 {
	color: #eb5b0b;
}

.page.taste-of-music .btn {
	background: #eb5b0b;
}

.page.into-the-sunset h2 {
	color: #da9e07;
}

.page.into-the-sunset .btn {
	background: #da9e07;
}

.page.belong h2 {
	color: #AAD969;
}

.page.belong .btn {
	background: #AAD969;
}

.page.fable h2 {
	color: #8DAFD1;
}

.page.fable .btn {
	background: #8DAFD1;
}

.graphic-design .page:nth-child(2) .page-inner > p {
	margin: 0;
}

.graphic-design .page:nth-child(2) .page-column:first-child .page-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.graphic-design .page:nth-child(2) .page-column:first-child img {
	width: 100%;
}



.page.music-underground .btn:hover {
	color: var(--mu-red);
}
.page.taste-of-music .btn:hover {
	color: #eb5b0b;
}
.page.into-the-sunset .btn:hover {
	color: #da9e07;
}
.page.belong .btn:hover {
	color: #AAD969;
}
.page.fable .btn:hover {
	color: #8DAFD1;
}
.page.fix .btn:hover {
	color: #d15662;
}



@media (max-width: 799px) {
	/* Pages */
	.logo-nav {
		display: none;
	}
	
	.graphic-design .page:nth-child(2n) .page-column:first-child {
		order: 2;
	}

	.graphic-design .page-inner.introduction {
		display: flex;
	}

	.page-column:first-child .page-inner,
    .page-column:last-child .page-inner {
		padding: 25px;
	}

	.vert-center {
		justify-content: start;
	}

	.graphic-design .page:nth-child(2) .page-column:first-child img {
		width: auto;
		height: auto;
		margin: auto;
		max-width: 75%;
		max-height: 75%;
	}

	.graphic-design .page:nth-child(2) .page-column:first-child .page-inner {
		flex-direction: row;
	}

	.graphic-design .belong .page-column a .page-inner {
		background-position: center;
		background-size: contain;
	}
}