#intro{
  background-image: url(../img/bg_bubbles.jpg);
  background-size: 100%;
  background-position: bottom;
}

#intro h1{
  color: #F8D364
}

#logistics{
  background-color:#234489;
  background-image:url(../img/P5020748.jpg); /* 1500 */
  background-size:100% auto;
}

.logos img{
  margin:1em 0;
}

@media screen and (max-width:1280px){
  #logistics{
    background-image:url(../img/P5020748-1280.jpg); /* 1280 */
  }
  #intro h2{
    font-size:3.3em;
  }
}

@media screen and (max-width:940px){
  #logistics{
    background-image:url(../img/P5020748-940.jpg); /* 940 */
  }
  #intro h2{
    font-size: 3em;
    letter-spacing: -2px;
  }
  #intro{
    background-size: 170px,100%;
  }
}

@media screen and (max-width:768px){
  #logistics{
    background-image:url(../img/P5020748_768.jpg); /* 768 */
  }
  #intro{
    background-image:url(../img/W3C-20_Europe_transparent.png),url(../img/bg_bubbles.jpg);
    background-size:140px,100%;
  }
}

@media screen and (max-width:640px){
  #logistics{
    background-image:url(../img/P5020748_640.jpg); /* 640 */
  }
}

@media screen and (max-width:540px){
  #logistics{
    background-image:url(../img/P5020748-540.jpg); /* 540 */
  }
}

@media screen and (max-width:440px){
  #logistics{
    background-image:url(../img/P502748_440.jpg); /* 440 */
  }
}

@media screen and (max-width:380px){
  #logistics{
    background-image:url(../img/P5020748-380.jpg); /* 380 */
  }
}

@media screen and (max-width:320px){
  #logistics{
    background-image:url(../img/P5020748-320.jpg); /* 320 */
  }
}


/* #program section */
#program .content {
    text-align: left;
    padding-bottom: 10px;
}

.less {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    margin: 0 0 0 10px;
}

:focus .less, .less:focus {
    color: #0067b1;
    outline: none;
    text-decoration: underline;
}