body, html {
  height: 100%;
}

title {font-size: 25px;}

body {background-image: url(backimg2.jpg); 
    /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	padding: 2em;
  font-family: Arial, Verdana, sans-serif;
  font-weight: bolder;
  
}
body p {font-size: 22px; color: white; }

div.container6 {
  height: 10em;
  display: flex;
  align-items: center;
  justify-content: center }

div.container6 p {
  margin: 0 }

img {max-width: 35px; }
a img.hover {display: none;}
a img.default {display: inherit;  }
a:hover img.hover {display: inherit;}
a:hover img.default{display: none;}

h3 {padding: 5px; font-weight: bolder; color: gold;}

header {color: white; text-align: left; border-style: solid; border-radius: 10px;}

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

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

.footer {
  font-weight: smaller; color: white;
}

.main {
  text-align: left;
  color: white;
  font-size: 48px;
   }

 
 /* Style all font awesome icons */
.fa {
  padding: 10px;
  font-size: 20px;
  width: 20px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
  border-radius: 18px;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
  border-radius: 18px;
} 
@media all and (min-width: 600px) {
  .aside { flex: 1 0 0; }
}

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