@charset "utf-8";

@media not all, not all, not all, not all {
  h1#logo a { background: url("../images/bg-logo@2x.png") no-repeat scroll 0% 0% / 249px 64px transparent; }
  .email { background: url("../images/bg-email@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .xing { background: url("../images/bg-xing@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .google { background: url("../images/bg-googleplus@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .tweat { background: url("../images/bg-tweat@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .twitter { background: url("../images/bg-twitter@2x.png") no-repeat scroll center center / 32px 32px white; }
  .facebook { background: url("../images/bg-facebook@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .pinterest { background: url("../images/bg-pinterest@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .instagram { background: url("../images/bg-instagram@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .vimeo { background: url("../images/bg-vimeo@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .skype { background: url("../images/bg-skype@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .dribble { background: url("../images/bg-dribble@2x.png") no-repeat scroll 0% 0% / 24px 24px transparent; }
  .link { background: url("../images/bg-link@2x.png") no-repeat scroll center center / 24px 24px transparent; }
  .video { background: url("../images/bg-video@2x.png") no-repeat scroll center center / 24px 24px transparent; }
  .bubble { background: url("../images/bg-bubble@2x.png") no-repeat scroll center center / 24px 24px transparent; }
  .quote { background: url("../images/bg-heart@2x.png") no-repeat scroll center center / 24px 24px transparent; }
  .slideshow { background: url("../images/bg-slideshow@2x.png") no-repeat scroll center center / 28px 15px transparent; }
  .aside { background: url("../images/bg-aside@2x.png") no-repeat scroll center center / 23px 23px transparent; }
  .close { background: url("../images/bg-close@2x.png") no-repeat scroll center center / 18px 18px transparent; }
  .design { background: url("../images/bg-design@2x.png") no-repeat scroll center center / 25px 22px transparent; }
  .magic { background: url("../images/bg-magic@2x.png") no-repeat scroll center center / 24px 24px transparent; }
  .coding { background: url("../images/bg-coding@2x.png") no-repeat scroll center center / 24px 24px transparent; }
  span.bullet { background: url("../images/bg-bullet@2x.png") no-repeat scroll 0px 5px / 6px 6px transparent; }
  ul.list li { background: url("../images/bg-bullet@2x.png") no-repeat scroll 3px 5px / 6px 6px transparent; }
  ul.check li { background: url("../images/bg-check@2x.png") no-repeat scroll 3px 5px / 13px 11px transparent; }
  .flex-direction-nav .flex-next { background: url("../images/bg-next@2x.png") no-repeat scroll center center / 15px 22px transparent; }
  .flex-direction-nav .flex-prev { background: url("../images/bg-prev@2x.png") no-repeat scroll center center / 15px 22px transparent; }
  .fancybox-close { background: url("../images/bg-close@2x.png") no-repeat scroll center center / 18px 18px white; }
  .fancybox-prev span { background: url("../images/bg-prev@2x.png") no-repeat scroll center center / 15px 22px transparent; }
  .fancybox-next span { background: url("../images/bg-next@2x.png") no-repeat scroll center center / 15px 22px transparent; }
  .jcarousel-skin-tango2 .jcarousel-next-horizontal { background: url("../images/bg-next@2x.png") no-repeat scroll center center / 15px 22px transparent; }
  .jcarousel-skin-tango2 .jcarousel-prev-horizontal { background: url("../images/bg-prev@2x.png") no-repeat scroll center center / 15px 22px transparent; }
}

@media only screen and (min-width: 1600px) {
}

@media only screen and (min-width: 1280px) {
}

@media only screen and (min-width: 960px) {
}

@media only screen and (max-width: 959px) {
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container, .jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 640px; }
  .name.company { width: 431px; }
  .name.portfolio { width: 350px; }
  .name.services { width: 292px; }
  .name.team { width: 379px; }
  .name.blog { width: 307px; }
  .name.contact { width: 437px; }
  .barrier, .col1-1, .col1-2, .col1-2.paddingright-20, .col1-2.paddingleft-20 { width: 620px; }
  .col1-2.paddingleft-20, .col1-2.paddingright-20 { padding: 0px; }
  .logo { height: 76px; padding-top: 20px; }
  .break { height: 23px; }
  #contactform { padding-bottom: 6px; }
  .flexslider { width: 620px; }
  .col1-2 .images { width: 430px; }
  .project-detail { width: 620px; margin-left: 0px; margin-top: 25px; }
  .flex-direction-nav a { top: 205px; }
  .col1-3.blog { display: none; }
}

@media only screen and (max-width: 767px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
}

@media only screen and (max-width: 767px) {
  .container, .jcarousel-skin-tango2 .jcarousel-container-horizontal { width: 320px; }
  .social li { display: block; margin: 5px 1px; }
  header ul.social { padding-top: 8px; }
  .number { display: none; }
  .toggle { background: none repeat scroll 0% 0% transparent; }
  .name { padding-left: 10px; width: 310px ! important; }
  .name.company { margin-top: -1px; }
  .logo { margin-right: 3px; }
  .barrier, .col1-1, .col1-2, .col1-2.paddingright-20, .col1-2.paddingleft-20, .col2-3 { width: 300px; }
  .col1-2.paddingleft-20, .col1-2.paddingright-20 { padding: 0px; }
  .logo { height: 76px; padding-top: 20px; }
  .break { height: 23px; }
  #contactform { padding-bottom: 6px; }
  .flexslider { width: 300px; }
  .flex-direction-nav .flex-next { left: 234px; }
  .col1-2 .images, .flexslider .slides img { width: 290px; }
  .project-detail { width: 300px; margin-left: 0px; margin-top: 25px; }
  .flex-direction-nav a { top: 102px; }
  input, textarea, select, .error_message, #success_page { width: 258px; }
  .col1-3.blog { display: none; }
  .jcarousel-skin-tango2 .jcarousel-next-horizontal, .jcarousel-skin-tango2 .jcarousel-prev-horizontal, .flex-direction-nav a { opacity: 1 ! important; }
}

#GameTitle {  
  font-size: 119%;  
  font-weight: bolder;  
  color: #dc1805;
}

#tweet {  
  visibility: visible;  
  display: block;
}

#face {  
  visibility: visible;  
  display: block;
}

#link {  
  visibility: visible;  
  display: block;
}

#tube {  
  visibility: visible;  
  display: block;
}

#mug {  
  z-index: 4;  
  display: inline;  
  float: none;  
  width: 80%;  
  height: 80%;  
  margin-top: -2px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 33px;  
  padding-left: 0px;  
  margin-left: 35px;
}

#text {  
  z-index: auto;
}

#company {  
  z-index: 0;
}

#comptext {  
  z-index: 1;  
  display: block;
}

#Logo {  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0%;  
  display: block;  
  position: static;  
  width: 100%;  
  height: 100%;  
  min-width: 10%;  
  max-width: 100%;  
  min-height: 10%;  
  max-height: 100%;
}

#logo {  
  min-width: 50%;  
  height: 70%;  
  max-width: 70%;  
  min-height: 50%;  
  max-height: 70%;  
  margin-left: 0%;
}

#Bar {  
  margin-top: 9px;  
  margin-right: 9px;  
  margin-bottom: 9px;  
  margin-left: 9px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

#viralss {  
  width: 100%;  
  height: 100%;
}

#teaserss {  
  width: 100%;  
  height: 100%;
}

#TeaserContainer {  
  padding-top: 108px;
}

#teamdesc {  
  width: 100%;
}

#teamtext {  
  display: block;  
  width: 50%;  
  font-size: 100%;
}