.welcome {
	background: #f8f9fa;
}

.welcome .hello {
	margin: 60px 0;
    font-size: 70px;
    font-family: noto sans tc,sans-serif;
    color: #f7cb45;
    font-weight: 500;
}

.welcome .introduction {
	font-size: 30px; margin: 60px 0; font-family: noto sans tc,sans-serif; font-weight: 300; margin-top: -10px;
}

.projects {
	background: #f7cb45;
}

.projects .heading {
	font-size: 30px;
    font-family: noto sans tc,sans-serif;
    font-weight: 500;
    text-align: center;
    padding: 20px;
    margin-bottom: 10px;
}

.projects .title {
	font-size: 24px;
    font-family: noto sans tc,sans-serif;
    font-weight: 500;
}

.projects .body {
	font-family: noto sans tc,sans-serif; font-weight: 400; margin-bottom: 20px;
}

.projects .section {
	margin-bottom: 60px;
}

.projects .section:last-child {
	margin-bottom: 0;
	padding-bottom: 60px;
}

.btn-preview {
	color: #fff; background-color: #000; border-color: #000; font-size: 20px;
}

.plastikfree-preview {
	display: none; position: absolute; right: -10px; bottom: -10px; width: 570px; height: 303px;
}

.project-preview {
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-box-shadow: 10px 10px 20px 1px rgba(0,0,0,.15); -moz-box-shadow: 10px 10px 20px 1px rgba(0,0,0,.15); box-shadow: 10px 10px 20px 1px rgba(0,0,0,.15);
}

.projects .previews {
	position: relative;
}

.passion {
	background: #cc859d; text-align: center;
}

.passion .body {
	padding: 20px;
}

.passion .statement {
	font-size: 70px; font-family: noto sans tc,sans-serif; color: #f7cb45; font-weight: 500; color: #fff;
}

.passion .description {
	font-size: 25px; font-family: noto sans tc,sans-serif; font-weight: 300; margin-bottom: 20px; color: #fff;
}

@media (min-width: 768px) {
	.plastikfree-preview {
		 display: block;
	}

	.welcome .introduction {
		margin: 60px 0;
	}
}

@media (min-width: 992px) {
	.plastikfree-preview {
		 display: block;
	}

	.welcome .introduction {
		margin: 60px 0;
	}
}

@media (min-width: 1200px) {
	.plastikfree-preview {
		 display: block;
	}

	.welcome .introduction {
		margin: 60px 0;
	}
}

@media (min-width: 1400px) {
	.plastikfree-preview {
		 display: block;
	}

	.welcome .introduction {
		margin: 60px 0;
	}
}

.contact {
	background: #f8f9fa;
}

.contact .heading {
	font-family: noto sans tc,sans-serif;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
}

.contact .body {
	font-family: noto sans tc,sans-serif; font-weight: 400; margin-bottom: 20px;
}

.contact .email {
	font-size: 30px;background: #f7cb45;display: inline-block;padding: 5px 15px;
}

.footer {
	padding: 20px;
	font-family: noto sans tc,sans-serif; font-weight: 400;
	background: #f8f9fa;
	text-align: center;
}