/* CSS */

body {
  background: grey;
}

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

.flex-container > * {
    padding: 15px;
    -webkit-flex: 1 100%;
    flex: 1 100%;
}

.main {
    text-align: center;
}

header {}
	
footer {}
	
.title-header {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:18pt;
	font-weight:bold; 
	text-align:center; 
	color:#800003;
}

.title-header2 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14pt;
	font-weight:bold; 
	text-align:center; 
	color:#800003;
}

td {
    text-align: center;
	padding: 25px;
}

button {
  display: inline-block;
}

.red {color:red;}

.blue {color:blue;}

@media all and (min-width: 768px) {
    .main {-webkit-flex:5 0px;flex:5 0px;-webkit-order:2;order:2;}
    footer {-webkit-order:3;order:3;}
}