html { font-size: 62.5%; } 
body { background: url('../images/background-paper.png') #fffefe; color: #333; font-family: 'Merriweather', serif; font-size: 2rem; line-height: 1.5; margin: 0; }
a {}
	a:link, a:visited { color: #6da81b; }
	a:hover, a:active { color: #333; }
.clear { clear: left; }
.container { margin: 60px auto 100px auto; width: 70%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; margin: 0; }
	h1 { font-size: 4.5rem; line-height: 1; margin-bottom: 30px; }
	h2 { font-size: 4.0rem; line-height: 1.2; margin: 0 0 30px 0; }
	h3 { font-size: 3rem; line-height: 1.2; margin-bottom: 15px; }
	h4 { font-size: 2.5rem; }
section { clear: left; margin-bottom: 110px; overflow: auto; }
span {}
    .smilie { white-space: nowrap; }
    .icon { background-repeat: no-repeat; display: inline-block; float: left; height: 200px; margin: 0 40px 20px 0; vertical-align: -100px; width: 200px; }
    .responsive .icon { background-image: url('../images/icon-responsive.png'); }
    .student .icon { background-image: url('../images/icon-student.png'); }
    .purpose .icon { background-image: url('../images/icon-target.png'); }
    .included .icon { background-image: url('../images/icon-included.png'); }
    .preview .icon { background-image: url('../images/icon-preview.png'); }
    .about .icon { background-image: url('../images/icon-about.png'); }
    .schedule .icon { background-image: url('../images/icon-schedule.png'); }
    .goal .icon { background-image: url('../images/icon-goal.png'); }
    .cost .icon { background-image: url('../images/icon-cost.png'); }
    .help .icon { background-image: url('../images/icon-help.png'); }
    .contact .icon { background-image: url('../images/icon-contact.png'); }
@media (max-width: 979px) {
	h2:after, h3:after { clear: both; content: ""; display: table; }
	h1 { font-size: 34px; }
	h2 { font-size: 30px; line-height: 30px; }
	h3 { font-size: 25px; line-height: 25px; }
	h4 { font-size: 22px; line-height: 30px; }
	.icon { float: none; }
}

@media (min-width: 980px) {
    .responsive p { padding-top: 33px; }
    .student p { padding-top: 38px; }
    .purpose div p:first-child { padding-top: 20px; }
    .preview p { padding-top: 65px; }
    .schedule .icon { margin-top: 20px; } 
    .goal p { padding-top: 40px; }
    .cost p { padding-top: 30px; }
    .help p, .included ul { padding-top: 48px; }
    ul li { margin-left: 228px; }
}

@media (max-width: 1200px) {
	.container { width: 90%; }
}