@charset "UTF-8";
@import url("../webfonts/albertsthal_typewriter/stylesheet.css");
@import url("../webfonts/Oh_Beloved/stylesheet.css");
@import url("../webfonts/Oh_Beloved/stylesheet.css");
@import url("../webfonts/Oh_Beloved/stylesheet.css");
/* Simplify width and height calculations */
html{
    box-sizing: border-box;
    font-family: "Albertsthal Typewriter", "albertsthal typewriter", "Albertsthal Typewriterttf", "Oh Belovedttf", "oh beloved", Helvetica, "Helvetica Light", "Helvetica Neue", "Helvetica Neue Light", "Helvetica Neue Thin", "Helvetica Neue UltraLight";
}
#wrapper {
    max-width: 1000px;
    margin: 0;
    display: block;
}
body {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    font-size: 1em;
    background-color: #EED2D5;
    color: #482569;
    max-width: 1000px;
    background-attachment: fixed;
    background-image: url(../images/14.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto;
}
*, *:before,
*:after {
    box-sizing: inherit;
}
h1, h2 {
    color: #482569;
    font-family: "Oh Beloved";
}
h1 {
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0px;
    font-size: 2.5em;
    text-align: center;
    font-weight: bolder;
    letter-spacing: 0.25em;
}
h2 {
    margin: 0;
    font-size: 3.5em;
}
main {
    margin-left: 4%;
    margin-right: 4%;
    background-color: #EED2D5;
    padding-left: 4%;
    padding-right: 4%;
    margin-top: 4%;
    margin-bottom: 4%;
    padding-top: 4%;
    padding-bottom: 4%;
}
#hero img {
    width: 100%;
    display: block;
}
header img {
    max-width: 100%;
    display: block;
    background-color: #EED2D5;
}
main p {
    font-family: "Albertsthal Typewriter";
    font-size: 1em;
}
main h3 {
    margin: 0;
    text-align: center;
    font-size: 1.5em;
}
aside img {
    max-width: 30%;
    margin-left: 4%;
    margin-right: 4%;
    padding-left: 4%;
    padding-right: 0px;
    float: left;
    padding-bottom: 4%;
}
p {
    font-size: 0.75em;
    margin-right: 4%;
    margin-left: 4%;
    text-indent: 20px;
    font-family: "albertsthal typewriter";
}
.style ul {
    font-size: 2em;
    display: block;
    font-family: "albertsthal typewriter";
    text-align: center;
    list-style-type: none;
    float: none;
}
	.style ul li a {
    width: 300px;
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-width: 100%;
    height: 40px;
    margin-left: -6%;
    list-style-position: inside;
    padding-left: 0%;
	}


.spacing {
    letter-spacing: 0.25em;
    font-size: 3em;
    font-weight: bolder;
    color: #FFFFFF;
}
.center {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.footer {
    display: block;
    padding-top: 1em;
    padding-bottom: 0em;
    margin-top: 4em;
    background-color: #4B283C;
    display: block;
    width: 100%;
    color: #FFFFFF;
}
.Covid {
    font-family: "Albertsthal Typewriter";
    font-size: 2em;
}
.main2 {
    margin-left: 15%;
    margin-right: 15%;
    background-color: #FFFFFF99;
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 4%;
    padding-top: 4%;
    padding-bottom: 4%;
    display: block;
    float: none;
    font-family:"Albertsthal Typewriter";
}
.whitetext {
    color: #FFFFFF;
}
.bullets {
    list-style-position: outside;
    list-style-type: square;
    list-style: outside;
}
.main3 {
    margin-left: 15%;
    margin-right: 15%;
    background-color: #FFFFFF99;
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 4%;
    padding-top: 4%;
    padding-bottom: 4%;
    display: block;
    float: none;
}
.p2 {
    text-indent: inherit;
    font-size: 1em;
}
.border {
    border: medium solid #4B283C;
    border-radius: 30px;
}

@media screen{
	font-size: 2em;
}

@media ( min-width : 0px ) and (max-width : 768px ){
body {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    font-size: 1em;
    background-color: #EED2D5;
    color: #482569;
    max-width: 768px;
    background-attachment: fixed;
    background-image: url(../images/14.jpg);
    background-repeat: repeat-y;
    background-size: 100% auto;
}
	.style {
    width: 100%;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
	}
}

@media (min-width : 768px ){
	.style ul li a{
    font-size: .9em;
    list-style-type: none;
    display: inline-block;
    margin-right: 5px;
    margin-left: .5em;
    font-family: "albertsthal typewriter";
    width: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-width: 0px;
    height: 25px;
    margin-left: 5px;
	margin-right: auto
    list-style-position: inside;
}
	.style ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    font-family: "albertsthal typewriter";
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-left: auto;
	margin-right: auto
    list-style-position: inside;
}
	
	#nav{
    width: 900px;
    margin: 0 auto;
    max-width: 100%;
}
}
.VirtualButtons {
    margin: auto;
    text-align: center;
    font-family: "albertsthal typewriter";
    font-size: 1.5em;
}
.leftalign {
    text-align: left;
    font-size: 1.25em;
}