@charset "UTF-8";

#topImg{
	background-image: url("./introduction.jpg");
}

#head{
	margin: auto;
}

@media screen and (min-width: 769px) {

	#head img{
		width: 35vw;
		min-width: 500px;
	}

	#body{
		margin: auto;
		margin-top: 5vh;
		margin-bottom: 10vh;		

	}

	#body #content-1{
		width: 60vw;
		min-width: 600px;
	}

	#body #content-2{
		width: 50vw;
		min-width: 500px;
	}
	#more-button{
		width: 10vw;
		min-width: 200px;
	}
}

@media screen and (max-width: 768px) {
	#head img{
		width: 80vw;
	}

	#body{
		margin: auto;
		margin-top: 5vh;
		margin-bottom: 10vh;		

	}

	#body #content-1, #content-2{
		width: 100vw;
	}

	#more-button{
		width: 30vw;
		min-width: 200px;
	}

}