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

body{
	margin: 0;
	background-color: #F3EFED;
}

#block1{
	text-align: center;
	margin: 0 auto;
	width: 960px;
	height: 575px;
}

#block2{
	text-align: center;
	margin: 0 auto;
	width: 960px;
	height: 488px;
}

#block3{
	text-align: center;
	margin: 0 auto;
	width: 960px;
	height: 1950px;
}

#block4{
	text-align: center;
	margin: 0 auto;
	width: 960px;
	height: 1222px;
}

#tagline{
	font-size: 24pt;
	font-weight: 300;
	padding-top: 160px;
}

#josefinsans{
	font-weight: 400;
	font-size: 56pt;
	text-transform: uppercase;
	padding-top: 21px;
	padding-bottom: 47px;
	height: 60px;
	color: #FC4A4E;
}

#designed{
	font-size: 24pt;
	font-weight: 300;
	padding-bottom: 8px;
}

#josefindate{
	font-weight: 400;
	font-size: 56pt;
}

#description1{
	font-weight: 300;
	font-size: 24pt;
	line-height: 32pt;
	padding-top: 70pt;
	padding-bottom: 70pt;
}

#description2{
	font-weight: 300;
	font-size: 24pt;
	line-height: 32pt;
}

#fontcontainer{
	padding-top: 192px;
}

#charactercomparisons{
	padding-top: 100px;
	font-size: 24pt;
	
}

#chartcontainer{
	padding-top: 100px;
}

#lowerbottomborder{
border-bottom: #F3EFED 1px solid;
width: 591px;
margin: auto;
padding-top: 55px;
}

#copyright{
font-size: 10pt;
font-weight: 400;
padding-top: 35px;
line-height: 12pt
}



.redblock{
	background-color: #FC4A4E;
}

.whiteblock{
	background-color: #F3EFED;
}

.blueblock{
	background-color: #223368;
}

.red{
	color: #FC4A4E;
}

.white{
	color: #F3EFED;
}

.blue{
	color: #223368;
}

.josefin{
	font-family: 'Josefin Sans', sans-serif;
}