bonjourflammenkucheu/www/css/style.css

@font-face {
    font-family: bacon;
    src: url('/fonts/BaconSans.eot');
    src: url('/fonts/BaconSans.woff') format('woff'),
        url('/fonts/BaconSans.svg#BaconSans') format('svg'),
        url('www/fonts/BaconSans.ttf') format('truetype');
}
* { margin: 0; padding: 0; font-size: 1.05em; }
body { margin: 50px 100px; }
header { margin-bottom: 50px; }
header a { font-style: normal; color: black; padding: 0; }
footer { margin-top: 50px; }
footer.page-footer { clear: both; padding-top: 75px; text-align: center; }
h1 { display: inline-block; padding: 25px; margin: 10px 0; background-color: #D3B3A5; color: black; font-weight: bold; font-size: 2.5rem; font-family: bacon; }
h2 { color: #D3B3A5; font-weight: bold; font-size: 1.7rem; font-family: bacon; }
h3 { color: #EDD6CB; font-weight: bold; font-size: 1.25rem; font-family: bacon; }
a { padding: 10px; background-color: #D3B3A5; text-decoration: none; color: white; font-style: italic; font-family: bacon; }
a.disabled { padding: 10px; visibility: hidden; }
a.dailyBt { display: inline-block; margin: 10px 0; }
img { max-width: 100%; }

.date { font-style: italic; }
.section { display: inline-block; width: 50%; float: left; }
.section-content { margin: 0 20px 0 0; }
.article-footer { text-align: center; }

.alert { background: #EDD6CB; border: 1px solid #D3B3A5; margin: 0 0 30px 0; padding: 10px 25px; border-radius: 5px; }
.input-group { margin: 10px 0; }
.input-group span { display: inline-block; width: 250px; }
input[type="submit"] { display: inline-block; margin: 10px 0; padding: 10px; border: none; background-color: #D3B3A5; color: white; font-family: bacon; }

@media screen and (max-width: 1024px) {
    body { margin: 0 10px 50px 10px; text-align: center; }
    .section { display: block; width: 100%; margin: 15px 0; float: none; }
    .input-group { text-align: left; }
    .input-group span { width: 100%; }
}