html,body{
margin:0;
padding:0;
}

body{
display: flex; 
align-items: center; 
background-color: #231F20;
font-family: Tahoma,Geneva,sans-serif;
font-size: 12pt;
color:white;
}

a:link, a:visited{
	color:white;
	text-decoration:none;
}

h1{
	font-size:16pt;
}

h2{
	font-size:14pt;
}

#center{
	width:544px;
	height:auto;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
}

.logo{
width:100%;
height:auto;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    }
.flex-item:nth-child(1) {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    align-self: stretch;
    }
.flex-item:nth-child(2) {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: stretch;
    align-self: stretch;
    }



.left{
	text-align:left;
}

.right{
	text-align:right;
}

@media only screen and (max-width: 600px) {

  #center{
	width:95%;
	height:auto;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
}

.right{
	text-align:left;
}
}