@charset "UTF-8";
/* CSS Document */


@media only screen and (max-width: 768px), 
	only screen and (max-device-width: 768px) 
	and (orientation : portrait)  {
		   
	.color-mode-container {
		left: 0.8vw;
	}
		
	.sound-container {
		left: 0.8vw;
	}
	
	.main-grid-1-columns {
		grid-template-columns: repeat(1, 88vw);
		grid-template-rows: repeat(6, 88vw);
	}
		   
}


@media only screen and (max-width: 440px), 
	only screen and (max-device-width: 440px) 
	and (orientation : portrait)  {
		
	.menu-button {
		width: 30px;
		height: 34px;
		margin-top: 8px;
	}
		
	.menu-button-line {
		height: 2px;
		background-color: #222222;
		margin: 6px 0px;
	}

	.menu-line-one-rotate {
		margin-top: 15px;
	}
		
	.menu-line-three-rotate {
		margin-top: -16px;
	}
		
	.menu ul  {
		bottom: 60vw;
	}
		
	.email {
		left: 6vw;
		bottom: 30vw;
	}

	.year {
		bottom: 10vw;
		left: 6vw;
	}
		   
	.secondary-header {
		height: 100px;
		padding: 20px 0px 0px 2.5vw;
	}
		
	.select-4-columns {
		display: none;
	}
		
	.view-type-container {
		float: left;
		margin-top: 20px;
	}
	
	.view-type-container p {
		margin-left: 0vw;
		margin-right: 20px;
	}
		
	.color-mode-container {
		height: 65px;
		bottom: 10vw;
		left: 0vw;
	}

	.color-mode-container p {
		font-size: 18px;
		margin-left: -1px;
	}

	.color-mode {
		width: 17px;
		height: 17px;
		margin-left: 7px;
	}
		
	.sound-container {
		bottom: 10vw;
		margin-bottom: 85px;
		left: 0vw;
	}

	.sound-container p {
		font-size: 18px;
		margin-left: -5px;
	}

	.sound-curves {
		font-size: 19px;
		margin-left: 6px;
		margin-bottom: 54px;
	}
	
	.main-grid {
		margin-bottom: 10vw;
	}
		
	.main-grid-1-columns {
		grid-template-columns: repeat(1, 84vw);
		grid-template-rows: repeat(6, 84vw);
	}
		
	.about-grid {
		grid-template-columns: repeat(1, 85vw);
		margin: 0 5vw 10vw 5vw;
	}
		
	.about-hm-text, 
	.about-lineness-text {
		padding: 10px;
	}
		
	.about-hm-text p, 
	.about-lineness-text p {
		font-size: 24px;
	}
		
	p.signature {
		font-size: 20px;
	}

	p.note {
		font-size: 20px;
	}
		
	.about-lineness-intro p {
		font-size: 7.2vw;
		line-height: 8.8vw;
	}

	.indent {
		margin-left: 29vw;
	}

	}