@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
* {
  box-sizing: border-box; }

body {
  background: #f0e9dd;
  /*background-color:#269;*/
  font-family: 'PT Sans', sans-serif;
  line-height: 1.4;
  margin: 4em;
  color: #333; }

.container {
  background: #fff;
  padding: 2em 3em;
  max-width: 1000px;
  min-width: 280px;
  margin: 0 auto;
  position: relative; }

.container:after, .container:before {
  content: " ";
  background: #fff;
  height: 100%;
  width: 100%;
  margin-left: -3em;
  position: absolute;
  top: 0;
  z-index: -1; }

.csstransforms .container:after {
  -webkit-transform: rotate(2.1deg);
  /* Saf3.1+, Chrome */
  -moz-transform: rotate(2.1deg);
  /* FF3.5+ */
  -ms-transform: rotate(2.1deg);
  /* IE9 */
  -o-transform: rotate(2.1deg);
  /* Opera 10.5 */
  transform: rotate(2.1deg);
  zoom: 1; }

.csstransforms .container:before {
  -webkit-transform: rotate(-1.7deg);
  /* Saf3.1+, Chrome */
  -moz-transform: rotate(-1.7deg);
  /* FF3.5+ */
  -ms-transform: rotate(-1.7deg);
  /* IE9 */
  -o-transform: rotate(-1.7deg);
  /* Opera 10.5 */
  transform: rotate(-1.7deg);
  zoom: 1; }

.boxshadow .container, .boxshadow .container:before, .boxshadow .container:after {
  -webkit-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.3);
  box-shadow: 0px 0px 6px rgba(50, 50, 50, 0.3); }

.explain {
  font-style: italic;
  margin: -1.5em 0 0 0; }

.date {
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 1.5em;
  right: 4em; }

section:last-child {
  background: #eee;
  padding: 1em 2em; }

/* `Mobile devices styles
---------------------------------------- */
@media only screen and (max-width: 320px) {
  body {
    margin: 1em; }

  .container {
    padding: 1em 2em; }

  .date {
    top: .5em;
    right: 2em; }

  .container:after, .container:before {
    display: none; } }
/* `Desktop devices styles
---------------------------------------- */
@media only screen and (min-width: 960px) {
  section:first-of-type {
    margin-right: 30em; }

  section:last-child {
    position: absolute;
    top: 5em;
    right: 3em;
    width: 25em; } }