@media screen {
#main h1 {
    margin-top:0;
    margin-bottom:.5em;
    font:1.3rem/1 "Open Sans","Droid Sans",sans-serif;
    font-weight:bold;
}
#main h2 {
    font:1.1rem/1 "Open Sans","Droid Sans",sans-serif;
    font-weight:bold;
}
#main h3 {
    margin-top:1.5em;
    margin-right:0;
    margin-bottom:.25em;
    padding-top:.5em;
    font:.8rem/1 "Open Sans","Droid Sans",sans-serif;
    font-weight:bold;
}
#main h4 {
    margin-top:1.5em;
    margin-right:0;
    margin-bottom:.25em;
    padding-top:.5em;
    font:.8rem/1 "Open Sans","Droid Sans",sans-serif;
    font-weight:bold;
    font-style:italic;
}
#main h5 {
    margin-top:0;
    margin-bottom:.5em;
    /*border: 2px solid crimson;*/
    /*background-color: gold;*/
    color: crimson;
    font:1.3rem/1 "Rosario","Open Sans","Droid Sans",sans-serif;
    font-weight:bold;
}
#main h6 {
    /*background-color: gold;*/
    color: crimson;
    font:1.1rem/1 "Rosario","Open Sans","Droid Sans",sans-serif;
    font-weight:bold;
    font-style: italic;
}
#main p {
    margin-bottom:1em;
}
#main a {
    font-weight:bold;
    text-decoration:none;
}
#footer a {
    margin-bottom:.5rem;
    padding:.25rem;
    text-align:center;
    background-color:#08c;
    border-radius:.5rem;
    text-decoration:none;
    color:#fff;
}
#main img {
    border-radius:.5em;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3);
}
article#a1,
article#a2,
article#a3 {
    width:30%;
    float:left;
    margin:0;
}
article#a2 {
    margin-right:5%;
    margin-left:5%;
}
article#a4 {
    margin: 0;
    padding: 15px;
    font: "Calibri",sans-serif;
    /*background-color: #ffd280;*/
    background-color: #888;
    color: darkslategray;
}
.flex-container {
  display: flex;
  /*background-color: #ffd280;*/
  background-color: #888;
}

.flex-container > div {
  /*background-color:#ffd280;*/
  background-color: #888;
  margin:0;
  padding: .25rem;
}
}