html {margin: 0px; padding: 0px; scroll-behavior: smooth;}
body {margin: 0px; padding: 0px; font-family: helvetica; background-color: #eee;}
a {padding: 0px; margin: 0px;}
iframe {width: 100%;}

.clearfix {clear: both; padding: 0px;}

.content {max-width: 1100px; margin: auto; padding: 50px 0px;}
.content img {width: 100%; margin: auto;}
.content a {color: #000; text-decoration: underline;;}
.content a:hover {color: #000; text-decoration: none;}

.menubar {display: none; z-index: 2; width: 100%; background-color: #fff; position: absolute; top: 0px;}
.menu {max-width: 1050px; margin: 0px auto; padding: 5px 0px; text-align: center;}
.menu-logo {float: left;  height: 100px; display: none;}
.menu-logo img {height: 100%;}

.links {margin: 90px 15px 20px 15px; display: none;}
.links a {text-decoration: none;}
.links span {font-size: 16px; background-color: none; color: #000; font-weight: normal; letter-spacing: 1px; padding: 6px 12px; margin: 0px 2px; border: 1px solid #999; border-radius: 14px;}
.links span:hover {background-color: #000; color: #fff;}

.menubar-mobile {z-index: 2; display: block; width: 100%; background-color: #fff; position: fixed; top: 0px; cursor: pointer;}
.menu-logo-mobile {float: center;  height: 20vw; display: block;}
.menu-logo-mobile img {height: 100%;}
.menu-right {display: none;}
.menu-margin {margin: 18vw 0vw 0vw 0vw;}

.links-mobile {z-index: 1; display: none; position: fixed; top: 22vw; right: 30px; left: 30px; text-align: center; background-color: #fff; padding: 0px 0px 0px 0px; overflow: hidden; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0px 0px 30px 30px; box-shadow: 1px 1px 20px rgba(0, 0, 0, .2);}
.links-mobile a {text-decoration: none;}
.link-mobile {font-size: 20px; background-color: none; color: #555; font-weight: bold; letter-spacing: -.25px; padding: 15px 2px; margin: 0px; border-top: 2px dotted #ccc;}
.link-mobile:hover {background-color: #eee; color: #555;}

.intro {background-color: #fff; padding: 10px 20px; margin: 17vw 15px 30px 15px; font-size: 18px; line-height: 30px; border-radius: 30px;}
.section {background-color: #fff; padding: 10px 20px; margin: 0px 15px 30px 15px; font-size: 18px; line-height: 30px; border-radius: 30px;}

.label {color: #000; font-size: 40px; line-height: 44px; letter-spacing: -2.5px; font-weight: bold; padding: 15px 0px;}

.footer {height: 50px; background-color: #eee;}






@media (min-width: 600px) {
.menubar-mobile {z-index: 2; display: block; width: 100%; background-color: #fff; position: fixed; top: 0px; cursor: pointer;}
.menu-logo-mobile {float: center;  height: 100px; display: block;}
.menu-logo-mobile img {width: auto; height: 100%;}
.menu-right {display: none;}
.menu-margin {margin: 80px 0vw 0vw 0vw;}

.links-mobile {z-index: 1; display: none; position: fixed; top: 110px; right: 30px; left: 30px; text-align: center; background-color: #fff; padding: 10px 0px 0px 0px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-radius: 0px 0px 30px 30px; box-shadow: 1px 1px 20px rgba(0, 0, 0, .2);}
.links-mobile a {text-decoration: none;}
.link-mobile {font-size: 24px; background-color: none; color: #555; font-weight: bold; letter-spacing: -.5px; padding: 15px 2px; margin: 0px; border-top: 2px dotted #ccc;}
.link-mobile:hover {background-color: #eee; color: #555;}

.section {font-size: 22px;  line-height: 34px; padding: 30px 50px; margin: 0px 10px 30px 10px;}
.intro {font-size: 22px;  line-height: 34px; background-color: #fff; padding: 30px 50px; margin: 70px 15px 30px 15px; font-size: border-radius: 30px;}

}




@media (min-width: 1100px) {
.menubar {display: block;}
.menubar-mobile {display: none;}
.menu-logo {display: block; float: left;  height: 100px;}
.menu-logo-mobile {display: none; float: left;  height: 100px;}
.menu-right {float: right; text-align: right; display: block;}
.menu-info {font-size: 16px; line-height: 24px; padding: 10px 10px;}
.menu-margin {margin: 30px 0vw 0vw 0vw;}

.links {display: block;}
.links-mobile {display: none;}
.intro {background-color: #fff; padding: 30px 50px; margin: 30px 10px 0px 10px; font-size: 22px; line-height: 34px; border-radius: 30px;}
.section {font-size: 22px;  line-height: 34px; padding: 30px 50px; margin: 0px 10px 30px 10px;}
.intro {font-size: 22px;  line-height: 34px; padding: 30px 50px; margin: 30px 10px 30px 10px; border-radius: 30px;}
.label {color: #000; font-size: 48px; line-height: 44px; letter-spacing: -3px; font-weight: bold; padding: 15px 0px;}
.up {display: block;}
}