@import url(//fonts.googleapis.com/css?family=Oswald:400);
.banniere { border: 4px solid black; font-family: 'Oswald', sans-serif; display: flex; margin-bottom: 20px; }

.banniere img { display: block; max-width: 100%; height: auto; margin: 0 auto; padding: 20px 20% 20px 20px; }

.banniere .col-1 { position: relative; width: 50%; overflow: hidden; display: none; }

.banniere .col-1::after { position: absolute; right: 12%; top: -10%; content: ""; width: 50px; height: 120%; display: block; transform: rotate(-0.04turn); border: 4px solid black; }

.banniere .col-2 { width: 100%; display: flex; flex-flow: column; justify-content: center; }

.banniere .header { text-align: center; padding: 20px; font-size: 46px; line-height: 1.4; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }

.banniere .subheader::before, .banniere .subheader::after { content: ""; width: 35px; height: 33px; display: inline-block; position: relative; top: 2px; margin: 0 20px; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABdklEQVR42qXWA6wdQRhA4b+2bVuKG9W2G6u2o9q27Ya1G6NSfGO2zzbPk5Yzc3fPhItvDeEf6cqRyitSNMv8E3Tl0pssNAnpqHsiwjPUpeuZiSJMC8skSWnUJjMcc1bK42Y4ZnQlMy4ME5Hq+B+c2W1hzgdnulmYsUGZr2KLmGDMegdzXMX4197BjME34QmHuccdbnGdq1ziIuc4w2lWiCsu8JQnrnGCu8JnukmoaMkLAWBBCGQCRSCkArArILIWgNSaK/UgeoRzXhf8K+2iIBrw1u++iWGUIdKbiPr2W26ATCZDfxcfoKGCqMVa04dhiYKZB6ZMfwUzyJT5K8r4Y8bs0zB7zJjRGmakCZNILbFEZw7S3QHF6ZlrYolZJAFpzBNLXFYyzqeds9R03jJ9ro7Jp4WUxxB+Yu83w6U8mpGrZj5KeWzEu61SHm/VzCYRWvIc/17QVoQ16ld6PWZRgK451MeW/W/rE2soKtOVA4rZyBfr31YJPV56DTe8PFoAAAAASUVORK5CYII=") no-repeat scroll left center; }

.banniere .subheader { padding: 10px; text-align: center; font-size: 26px; line-height: 1; margin-bottom: 20px; }

@media all and (min-width: 769px) { .banniere .col-1 { display: block; }
  .banniere .col-2 { width: 50%; } }