body{
  color: #666;
}

p{
 line-height: 1.5em;  
}

div.slide{
  margin: 0;
  padding: 0;
}

div.slide .inner{
  margin: 0.5em 2em;
}

div.slide h1{
  background: #003e92;
  color: #eef;
  width: 100%;
  padding-left: 1.5em;
}

div.slide.cover{  
  background: #003e92;
  text-align: center;
}
div.slide.cover h1{
    margin-top: 2em;
    font-size: 3em;
    padding-left: 0;
}

div.slide.cover h2{
  text-align: right;
  font-weight: normal;
  font-size: 1.131em;
  padding-right: 3em;
  font-style: italic;
  color: #aab;
}

.iframelink {
  color: #aab;
}

div.slide h2{
  padding-left: 1em;
}

ol li{
  margin-left: 0;
}

ul li {
  margin-left: 1em;
}

.big, ol.big, ul.big{
  font-size: 2em;
  line-height:1.5em;
}

.medium{
  font-size: 1.5em;
}

.ala img{
  float: left;
  margin-right: 50px;
}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


.float{
  float: left;
}

footer{
  clear: both;
  padding-left: 2.5em;
}

a.reference {
  color: red; 
  font-size: 0.75em;
}

.ala2 ul {
  margin-top: 15em;
}


.inner.margin-left{
  margin-left: 10em;
}


@media screen and (min-width: 48em){
.ala2 ul {
  margin-top: 0.5em;
  margin-left: 420px;
 }
}

div.slide.ala2{
  background: url(../img/elements-bg.png) 80px 15px no-repeat, url(../img/elements-grey2.png), url(../img/elements-grey2.png) 250px 120px;
}

div.slide h1.fast {
  background: red;
}

div.slide h1.layout{
  background: #0c0;
}

div.slide h1.elements{
  background: maroon;
}

.no-style{
  list-style-type: none;
}

div.slide.websites{
  text-align: center;
}

.website{
  margin: 1.5em 1.5em 1.5em 0;
}