/* Coding by 101Media.nl */

* { margin: 0; padding: 0; }
body { background: url('../images/kia-vdns.jpg') no-repeat center bottom  fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: Tahoma; font-size: 12px; color: #000; background-color: #6584d2; }
header, hgroup, nav, article, aside, footer, section { display: block }
a img, fieldset { border: 0; }
.clear { clear: both; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
address { font-style: normal; }

.center { left: 0; top: 0; bottom: 0; right: 0; margin: auto; position: absolute; max-width: 700px; max-height: 122px; }
h1 { font-size: 5.2em; font-weight: 400; font-family: 'Play', sans-serif; color: #fff; text-shadow: 1px 1px 1px #7b7b7b; filter: dropshadow(color=#000s, offx=1, offy=1); }
h1 span { font-weight: 700; }

.functie { background: #003063; color: #fff; font-size: 28px; font-family: 'Play', sans-serif; padding: 10px; }
.functie a { color: #9eb4cc; text-decoration: none; }


#sticky-social a { background: #333; color: #fff; display: block; height: 50px; font-size: 18px; line-height: 50px; position: relative; text-align: center; width: 50px; transition: 0.3s ease; }
#sticky-social a:hover { padding-left: 5px; }
#sticky-social a.icon-facebook { background: #3b5998; }
#sticky-social a.icon-linkedin { background: #0077b5; }
#sticky-social a.icon-twitter { background: #00acee; }

/* ===================
=== RESPONSIVE     ===
=================== */

/* Smallest devices (phones (.col-xs-)) below 768px)
======================================== */ 
@media screen and (max-width: 767px) { 

  #sticky-social ul { text-align: center; }
  #sticky-social li { display: inline-block; margin: 0 -2px; }
  
  h1 { font-size: 38px; }
  .center { text-align: center; }  
  .functie { font-size: 22px; }
 
}

/* Small devices (tablets (.col-sm-), 768px and up)
======================================== */ 
@media screen and (min-width: 768px) { 
  
  #sticky-social { left: 0; position: fixed; top: 50%; margin-top: -75px; }

}