
@media screen and (max-width: 1280px) {
	header {
		max-width: 1280px;
	}
	main {
		max-width: 1280px;
	}
	footer {
		max-width: 1280px;
		padding-top: 22px;
		padding-bottom: 22px;
	}
	footer p {
		font-size: 24px;
	}

	.beat-linker-vr-be {
		width: 50%;
	}
	.beat-linker-vr-be ul li p{
		font-size: 24px;
	}
	.contents_title {
		font-size: 48px;
	}
}



@media screen and (max-width: 1024px) {
	header {
		max-width: 1024px;
		height: 40px;
	}
	main {
		max-width: 1024px;
		margin-top: 40px;
	}
	footer {
		max-width: 1024px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	footer p {
		font-size: 20px;
	}

	.beat-linker-vr-be {
		width: 50%;
	}
	.beat-linker-vr-be ul li p{
		font-size: 20px;
	}
	.contents_title {
		font-size: 40px;
	}
}



@media screen and (max-width: 768px) {
	header {
		max-width: 768px;
		height: 30px;
	}
	main {
		max-width: 768px;
		margin-top: 30px;
	}
	footer {
		max-width: 768px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	footer p {
		font-size: 20px;
	}

	.nav-links li a {
		font-size: 14px;
	}
	.about_logo {
		width: 0%;
	}
	.about_logo img {
		display: none;
	}
	.beat-linker-vr-be {
		width: 100%;
	}
	.beat-linker-vr-be ul li p{
		font-size: 20px;
	}
	.contents_title {
		font-size: 32px;
	}
	#schedule .schedule_spreadsheets iframe {
		width: 100%;
    		height: 500px;
	}
	#staff .staff_spreadsheets iframe {
		width: 100%;
    		height: 500px;
	}
}



@media screen and (max-width: 640px) {
	header {
		max-width: 640px;
		height: 30px;
	}
	main {
		max-width: 640px;
		margin-top: 30px;
	}
	footer {
		max-width: 640px;
		padding-top: 18px;
		padding-bottom: 18px;
	}
	footer p {
		font-size: 16px;
	}

	.nav-links li a {
		font-size: 14px;
	}
	.about_logo {
		width: 0%;
	}
	.about_logo img{
		display: none;
	}
	.beat-linker-vr-be {
		width: 100%;
	}
	.beat-linker-vr-be ul li p{
		font-size: 20px;
	}
	.contents_title {
		font-size: 32px;
	}
	#schedule .schedule_spreadsheets iframe {
		width: 100%;
    		height: 500px;
	}
	#staff .staff_spreadsheets iframe {
		width: 100%;
    		height: 500px;
	}
}