@charset "utf-8";
/* CSS Document */
.content{
	flex-direction: column;
	align-self: center;
	align-items:center;
	margin-top:2vw;
}
.banner{
	width:70vw;
	height:24vw;
	background-position: top;
    background-size:cover;
	background-repeat: no-repeat;
	background-image: url("banner2.png");
	margin-bottom:1vw;
}
.stationary{
	width:70vw;
	height:49vw;
	background-position: center;
    background-size:cover;
	background-repeat: no-repeat;
	background-image: url("stationary3.jpg");
	margin-bottom:1vw;
}
.letterhead{
	width:70vw;
	height:45vw;
	background-position: center;
    background-size:cover;
	background-repeat: no-repeat;
	background-image: url("letterhead4.jpg");
	margin-bottom:1vw;
}
.businesscard{
	width:70vw;
	height:50vw;
	background-position: center;
    background-size:cover;
	background-repeat: no-repeat;
	background-image: url("business cards2.jpg");
}
@media screen and (max-width : 600px ){
	
	.content{
	  flex-direction: column;
	align-items:center;
	  max-width:93%;
	width:93%;
	}
	.banner{
	width:100%;
	min-width:100%;
	min-height:28.7vw;
	height:auto;
	 background-size:cover;
	margin-bottom: 3.5vw;}
	
	.stationary{
		width:100%;
		min-width:100%;
		min-height:80vw;
		height:auto;
		 background-size:cover;
		margin-bottom:3.5vw;
	}
	.letterhead{
		width:100%;
		min-width:100%;
		min-height:63vw;
		height:auto;
		 background-size:cover;
		margin-bottom:3.5vw;}
	.businesscard{
	width:100%;
		min-width:100%;
		min-height:60vw;
		height:auto;
		 background-size:cover;
		margin-bottom:3.5vw;
	}}