
        * {
            border: 0 none;
            margin: 0;
            padding: 0;
			
        }

        body {
			position: relative;
            background-color: #eeeeee;
            top: 11vh;
			right: 2vw;
			left: 1vw;
			padding-bottom: 8vh;
			font-family: "Trebuchet MS", Helvetica, sans-serif;
			font-size: 16px;
			max-width: 97vw;
			height: auto;
			box-sizing: border-box;
		}
		
		
        header {
            position: fixed;
			top: 0;
			left: 0;
			right: 0;
			max-height: 10vh;
			width:100%;
			color: #eeeeee;
            background: #333333 none repeat scroll 0 0;
            z-index: 999;
			padding: 1vmin;
            resize: none;
			overflow: hidden;
        }
		
		
		.logo {
			max-height: 10vh;
			width: auto;
			resize: none;
			overflow: hidden;
			padding-right: 1%;
			vertical-align: text-top;
        }
		
		
		.headertext {
			font-family: 'Caveat', cursive;
            font-size: 8vh;
			overflow: hidden;
			resize: none;
			}
			
			
		.flexcontainer {
			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: column;
			flex-direction: column;
			min-width: 400px;
			max-width: 1200px;
			height: auto;
			background-color: lightgrey;
			padding: 1vmin;
			border: 1px solid darkgrey;
			vertical-align: bottom;
		}
		
		.flexitem {
			position: relative;
			width: 100%;
			height: auto;
			padding-bottom: 1vmin;
			
		}
		
		h1 {
			font-family: 'Caveat', cursive;
			font-size: 2.5em;
			margin-left: 1vmin;
			margin-top: 1vmin;
        } 

		h2 {
			font-family: 'Caveat', cursive;
			font-size: 1.5em;
			margin-left: 1vmin;
        } 

		img {
            float: left;
        }	

        footer {
            font-family: 'Caveat', cursive;
            font-size: 1em;
            color: #eeeeee;
            background: #333333 none repeat scroll 0 0;
            clear: both;          
            padding: 0;
            position: fixed;
			bottom: 0;
            left: 0;
            right: 0;
            text-align: left;
			resize: none;
			overflow: hidden;
        }

        footer li {
            display: inline-block;
            list-style-type: none;
            padding: 0.3em 0.3em;
        }


        a {
            color: inherit;
            text-decoration: underline;
        }

