body {background: #3286da url(../img/sys/bg.jpg); font-family: 'Nunito', Arial, sans-serif; font-size: 100%; line-height: 1.2; font-weight: normal; color: #00318b;}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5){
	body {font-size: 110%;}
}

div.page {background: #f8edd9; max-width: 1024px; padding: 0 3px 0 3px; margin: 0 auto;}
div.page div.page_bg_header {background: url(../img/sys/bg_header.jpg) center top no-repeat; background-size: 1024px 717px;}
div.page div.page_bg_footer {background: url(../img/sys/bg_footer.jpg) center bottom no-repeat; background-size: 1024px 154px; padding: 490px 0 160px 0;}
@media (max-width: 800px) {
	div.page div.page_bg_header {background-size: 800px 560px;}
	div.page div.page_bg_footer {background-size: 800px 120px; padding: 390px 0 120px 0;}
}
@media (max-width: 600px) {
	div.page div.page_bg_header {background-size: 600px 420px;}
	div.page div.page_bg_footer {background-size: 600px 90px; padding: 290px 0 100px 0;}
}
@media (max-width: 420px) {
	div.page div.page_bg_header {background-size: 420px 294px;}
	div.page div.page_bg_footer {padding: 206px 0 80px 0;}
}

/* Intro */
div.page div.intro {max-width: 500px; margin: 0 auto;}
div.page div.intro div.date {font-family: 'Nunito Black', Arial, sans-serif; font-size: 160%; line-height: 1.2; font-weight: normal; color: #dc2312; text-align: center; margin: 0 auto;}
div.page div.intro div.thanks {font-family: 'Nunito Black', Arial, sans-serif; font-size: 180%; line-height: 1.2; font-weight: normal; color: #00318b; text-align: center; margin: 8px auto 0 auto;}
@media (max-width: 800px) {
	div.page div.intro {max-width: 400px;}
	div.page div.intro div.date {font-size: 150%;}
	div.page div.intro div.thanks {font-size: 150%;}
}
@media (max-width: 600px) {
	div.page div.intro {max-width: 300px;}
	div.page div.intro div.date {font-family: 'Nunito Bold', Arial, sans-serif; font-size: 120%;}
	div.page div.intro div.thanks {font-family: 'Nunito Bold', Arial, sans-serif; font-size: 120%;}
}
@media (max-width: 420px) {
	div.page div.intro {max-width: 220px;}
	div.page div.intro div.date {font-size: 100%;}
	div.page div.intro div.thanks {font-size: 100%;}
}
/* /Intro */

/* ZIP */
div.page div.zip {margin: 30px 10px 0 10px; text-align: center;}
div.page div.zip a {display: inline-block; background: #00318b; border-radius: 10px; margin: 0 auto; font-family: 'Nunito', Arial, sans-serif; font-size: 90%; line-height: 1.3; font-weight: normal; color: #ffffff; text-decoration: none; padding: 4px; text-align: left;}
div.page div.zip a span.dottedline {display: block; border: 1px dashed #ffffff; border-radius: 10px; background: url(../img/sys/ico_download.png) 12px center no-repeat; background-size: 45px 45px; padding: 14px 14px 14px 70px;}
div.page div.zip a strong {font-family: 'Nunito Bold', Arial, sans-serif; font-size: 140%; line-height: 1.1;}
div.page div.zip a:hover {background: #dc2312;}
div.page div.zip a:hover span.dottedline {background-image: url(../img/sys/ico_download_hover.png);}
@media (max-width: 800px) {
	div.page div.zip a strong {font-size: 120%;}
}
@media (max-width: 600px) {
	div.page div.zip {margin-top: 26px;}
	div.page div.zip a {font-size: 80%;}
	div.page div.zip a strong {font-size: 120%;}
	div.page div.zip a span.dottedline {background-size: 36px 36px; padding: 12px 12px 12px 58px;}
}
@media (max-width: 420px) {
	div.page div.zip {margin-top: 14px;}
	div.page div.zip a {font-size: 76%;}
	div.page div.zip a span.dottedline {background-size: 30px 30px; background-position: 8px center; padding: 10px 10px 10px 46px;}
}
/* /ZIP */

/* PHOTOS */
div.page div.photos {text-align: center; margin: 40px 10px 0 10px;}
div.page div.photos div.photo {display: inline-block; width: 25%;}
div.page div.photos div.photo a {display: block; margin: 4px; border: 1px solid rgba(255,255,255,0.6); border-radius: 10px;}
div.page div.photos div.photo img {border-radius: 10px; width: 100%; height: auto;}
@media (max-width: 800px) {
	div.page div.photos div.photo {width: 33%;}
}
@media (max-width: 600px) {
	div.page div.photos {margin-top: 32px;}
	div.page div.photos div.photo {width: 50%;}
}
@media (max-width: 420px) {
	div.page div.photos {margin-top: 24px;}
	div.page div.photos div.photo {width: 100%;}
}
/* PHOTOS */