body { text-align: center; font-family: 'Open Sans', sans-serif; padding: 3em; }
body a { color: #000; text-decoration: none; }
body a:hover { text-decoration: underline; }
/*body .page-content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }*/
body .container { max-width: 1600px; margin: 0 auto; width: 100%; }
.page-content .flex1 { display: flex; align-items: center; justify-content: center; }
.page-content .flex1 .option { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; min-height: 165px; min-width: 340px; margin: 1em 2em; box-shadow: 1px 1px 10px rgba(0,0,0,0.4); border-radius: 10px; }
.page-content .flex1 span { align-self: center; }
.page-content .flex1 h3 { color: #0C5C2C; font-size: 1.5em; font-weight: 800; margin: 0.3em 0 0.4em; flex: 0 0 100%; }
.page-content .login-link a { display: inline-block; background: #0c5c2c; color: #fff; padding: 0.5em 2em; border-radius: 10px; border: 3px solid; font-size: 1.6em; text-decoration: none; margin: 1em 0; transition: 0.4s; }
.page-content .login-link a:hover { background: transparent; color: #0c5c2c; transition: 0.4s; }

@media screen and (max-width: 800px) {
	.page-content .youtube-video iframe { width: 100% !important }
}
@media screen and (max-width: 767px) {
	body { padding: 1em; }
	.page-content .youtube-video iframe { height: 200px !important; }
	.page-content .flex1 { flex-wrap: wrap; }
	.page-content .flex1 span { width: 100%; }
	.page-content .login-link a { font-size: 1.3em; }
}