#centerwrapper {
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}

body {
    background-color: black;

} 

.colTwoThird  {width:100%;display: inline-block;
    vertical-align:top; font-size:14px; line-height:18px;}

.topbar {
display: inline-block;
    vertical-align:top;
    width: auto;
    height: auto;
    margin-right:2px;
     border: solid grey 1px;
     border-radius:5px;
    font-family:Arial;
    font-size:3vmin;
    text-align:center;
    padding:4px;
    background-color:black;
font-weight:bold;
color:white;
}

.basepage {
font-size:12px; 
line-height:16px;
text-align:left; 
width:100%;
height:auto;
border:solid black 1px;
padding:5px;
background-color:white;
}

.headpic {
width:100%;
} 

.flag {
width:98%;
font-size:4vmin; 
color:DarkBlue;
}

.title {
font-size:4.5vmin; color:darkblue; font-weight:bold;
}


#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: lightblue;
    border: solid 1px #000000;
width:87%;
margin-left:2%;
margin-bottom:10px;
font-size:4vmin;
}

#panel {
    padding: 5px;
    display: none;
font-size:2.5vmin;
line-height:6vmin;
font-weight:bold;
overflow:scroll;
text-align:center;
}


@media screen and (min-width: 850px) {

    body {

        background-color: black;    }


.colTwoThird  {width:62%;display: inline-block;
    vertical-align:top; font-size:18px;line-height:24px;}
}
}

.basepage {

font-size:3.5vmin; 
line-height:4.5vmin;
text-align:left; 
width:97%;
height:auto;
border:solid black 1px;
padding:1%;
background-color:#ffffff;
} 

.headpic {
width:60%;
} 

#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: lightblue;
    border: solid 1px #000000;
width:90%;
}

#panel {
    padding: 5px;
    display: none;
font-size:2.5vmin;
line-height:6vmin;
font-weight:bold;
overflow:scroll;

}