@charset "utf-8";

@media all and (max-width: 768px) {
	/*navigation*/
	nav {
		margin-top: 0rem;
	}
	#threeLineBar img, #threeLineBar {
		display: block;
	}
	nav ul {
		display: none;
	}
	nav ul li {
		display: block;
	}
	nav ul li ul li {
		width: 100%;
	}
	nav ul li:focus ul {
		display: block;
	}
	nav ul li ul li {
	    width: 400px;
	}
	nav ul li ul li a:focus {
		background: #D93132;
	}
	nav ul li a {
		font-size: 5vw;
	}
	/*Text*/
	h1 {
		font-size: 20vw;
	}
	
	/*header & footer*/
	.Logo-Master {
    	width: 12vw;
    	padding: 0;
    	margin: 1em;
		margin-left: auto;
		margin-right: auto;
	}
	header p {
		font-size: 3vw;
	}
}
@media all and (max-width: 800px) {
	/*Text*/
	h1 {
		font-size: 4vw;
	}
	
	/*header & footer*/	
	header p {
		line-height: 2vh;
		font-size: 2.2vw;
	}
	
	
	.Follow-logo-Face {
	    width: 20px;
	}
	.Follow-logo-Insta {
	    width: 20px;
	}
	.Follow-logo-Linked {
	    width: 20px;
	}
	.Follow-logo-Tumblr {
	    width: 20px;
	}
	.Follow-logo-Tweet {
	    width: 20px;
	}
	.Follow-logo-Youtube {
	    width: 30px;
	}
}
@media all and (max-width: 400px) {
	/*text*/
	h1 {
		font-size: 4vw;
	}
	/*Header & Footer*/
	header p {
		font-size: 2.3vw;
	}
}