html {scroll-behavior: smooth;}
body{height:100%;width:100%; padding:0; margin:0;font-size:16px;background-color:#fbfafc;}

@media (max-width: 800px) {
div.container{width:100%;}
}

@media (min-width: 801px) {
div.container{width:50%;margin:0 auto;}
}

img{max-width:100%;height:auto;width:auto\9; padding:0;margin:0;border-radius:10px;object-fit:cover;-moz-box-shadow: 2px 2px 15px #73f; -webkit-box-shadow: 2px 2px 15px #73f;box-shadow: 2px 2px 15px #73f;}

img.logo {position:relative;max-width:calc(100% - 0.8em);height:auto; width:auto\9; padding:0;margin:0.8em 0.4em 0 0.4em; display: flex; animation: logofall 2s; animation-direction: normal;z-index;5;}

h1,h2{text-align:left;font-size:1.1em;font-weight:bold;font-style:italic; color:#73f; padding:0 0 0 0.8em; margin:1.5em 0.5em 1em 0.5em; background-color:#fafafa;border-radius:10px;-moz-box-shadow: 2px 2px 15px #73f; -webkit-box-shadow: 2px 2px 15px #73f;box-shadow: 2px 2px 15px #73f;}
h1.top,h2.top{margin:0 0.5em 0.5em 0.5em;}

div.navi{position:relative;margin:0.6em;text-align:center;z-index:10;}

div.main{width:calc(100% - 1.2em);padding:0 0.5em 0 0.5em;margin:0 0.6em 0 0.6em;box-sizing:border-box;}

@keyframes logofall {
0% {transform: translate(0px, -150px);}
70% {transform: translate(0px, 25px);}
75% {transform: translate(0px, -20px);}
80% {transform: translate(0px, 20px);}
84% {transform: translate(0px, -13px);}
88% {transform: translate(0px, 15px);}
91% {transform: translate(0px, -8px);}
94% {transform: translate(0px, 10px);}
96% {transform: translate(0px, -4px);}
98% {transform: translate(0px, 5px);}
99% {transform: translate(0px, -2px);}
100% {transform: translate(0px, 0px);}
}
a{color:#73f;background-color:#fafafa;text-decoration:underline;}

a.menu,button.menu{box-shadow:0.1em 0.1em 0.8em #73f;border-radius:0 0.8em 0 0.8em;margin:0.3em;padding:0.15em 0.5em 0.15em 0.5em;text-decoration:none;display:inline-block;}

a.menustrike{box-shadow:0.1em 0.1em 0.8em #73f;border-radius:0 0.8em 0 0.8em;margin:0.3em;padding:0.15em 0.5em 0.15em 0.5em;text-decoration:line-through;display:inline-block;}

p{background-color:#fafafa;padding:1em;border-radius:10px;-moz-box-shadow: 2px 2px 15px #73f; -webkit-box-shadow: 2px 2px 15px #73f;box-shadow: 2px 2px 15px #73f;}
p.center{text-align:center;}

span{font-weight:bold;color:#73f;}
span.strike{text-decoration: line-through;}
span.smaller{font-size:0.85em;font-weight:normal;color:#000;}


/*contact form CSS*/

div.fouter{background-color:#fafafa;padding:1em;border-radius:10px;-moz-box-shadow: 2px 2px 15px #73f; -webkit-box-shadow: 2px 2px 15px #73f;box-shadow: 2px 2px 15px #73f;}

div.form{width:20em; margin:0 auto 0 auto;text-align:right;padding:0.4em ;overflow:auto;}

input,textarea{box-sizing:border-box;border-radius:0 0.8em 0 0.8em;margin:0.3em;padding:0.1em 0.4em 0.1em 0.4em;}


input.box,textarea.box{float:right;width:165px;margin:0;border-radius:0 0.8em 0 0.8em;margin:0.3em;padding:0.1em 0.4em 0.1em 0.4em;}

select.box{float:right;width:165px;box-sizing:border-box;padding:0.1em 0 0.1em 0.4em;margin:0;border-radius:0 0.8em 0 0.8em;}

input.cbox{text-align:baseline; border:0.2em solid #f00; margin:0.6em 0.8em 0 0;border-radius:0 0.8em 0 0.8em;padding:0.1em 0.4em 0.1em 0.4em;}

span.frm{display:block;float:left; width:8em; color:#000;padding:0.1em 0.4em 0.1em 0.4em;}