.wrapper {
  display: flex;  
  flex-flow: row wrap;
  text-align: center; 
}

.wrapper > * {
  flex: 1 100%;
}

.navigation { }

.skybox {
	width: 100%;
	max-width: 1200px;
	float: left;
}

.skymsg {
    width: 100%;
    max-width: 1200px;
    float: left;
    color: black;
    font-weight: bold;
    font-size: 1.0em;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 2px;
}

.footer {
    width: 100%;
    float: left;
    color: #000;
    font-size: 0.875em;
    text-align: center;
    background-color: white;
}

.footer a {
    text-decoration: none;
    color: #0000ff;
}

.footer a:hover {
    color: #ff0000;
    text-decoration: underline;
}

.footer span {
    color: #000;
    font-weight: bold;
}

.content {
    width: 68%;
    background-color: white;
	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.content a {
    font-size: 1em;
}

.rside {
	float: right;
	margin-top: 10px;
    width: 300px;
    background-color: white;
}

.rside table {
    text-align: center;
    border-collapse: collapse;
    width: 100%;
}

.rside td {
    vertical-align: middle;
    text-align: center;
    padding-bottom: 10px;
}

.placeAD {
	margin-left: auto; 
	margin-right: auto; 
	background-color: blue; 
	color: white; 
	font-weight: bold; 
	font-size: 1.50em; 
	text-align: center;
}

@media all and (min-width: 600px) {
	.rside { flex: 1 0; }
}

@media all and (min-width: 800px) {
	.content { flex: 3 0px; }
	.content { order: 1; }
	.rside { order: 2; }
	.footer  { order: 3; }
}