body {
    font-family:'Source Sans Pro', sans-serif
   }
.bg-color{
     background-color:rgba(0,0,0,0.5);
}
.innovative-text{
   width: 100vw;
   text-align: left;
   color: white;
   text-transform: uppercase;
   font-size: 24px;
   padding: 2vw 0 0 8%;
}
   body {
    margin:0;
    background-color:#fff
   }
   .site-name {
    float:left;
    position:absolute
   }
   .site-name a {
    color:#c41230;
    font-size:40px;
    text-decoration:none
   }
   .site-name a img {
    top:50px;
    width:100%
   }
   #block-servicesbg {
    position:fixed;
    top:0;
    min-width:100vw;
    min-height:100vh;
    width:100%;
    z-index:-10000;
    object-fit:cover;
    background-size:cover;
    transition:1s opacity
   }
   #links {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
   }
   #links a {
    text-decoration:none;
    color:#fff;
    padding:10px;
    border-radius:5px;
    background-color:rgba(0,0,0,0.5)
   }
   #links a:hover {
    background-color:#c41230;
    padding:10px;
    border:1px solid #c41230;
    border-radius:5px
   }
   .align-center {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
   }
   #menu-icon {
    display:none;
    width:40px;
    height:40px;
    background:url("../images/nav/menu.png") center;
    background-size:40px
   }
   .nav {
    background-color:rgba(255,255,255,0.5);
    padding:1px 0;
    z-index:10000
   }
   .is-active {
    color:#000 !important;
    border-bottom:2px solid;
    padding-bottom:4px
   }
   .logo {
    position:absolute;
    top:40px;
    left:80px;
    z-index:10000
   }
   video {
    width:auto;
    height:auto;
    max-height:100%
   }
   #bgvid {
    position:fixed;
    top:0;
    min-width:100vw;
    min-height:100vh;
    width:100%;
    z-index:-100;
    object-fit:cover;
    background-size:cover;
    transition:1s opacity
   }
   .stopfade {
    opacity:.5
   }
   .position-1 a,
   .position-2 a,
   .position-3 a,
   .position-4 a,
   .position-5 a,
   .position-6 a,
   .position-7 a,
   .position-8 a,
   .position-9 a {
    text-decoration:none;
    color:#fff
   }
   .tabcontent img {
    width:100%
   }
  .tabcontent {
	  position: relative;
  }
   #block-kith,
   #block-samsung,
   #block-samsungmicrosoftcollaboration,
   #block-projects4 {
    color:#fff
   }
   #block-kith h2,
   #block-kith p,
   #block-samsung h2,
   #block-samsung p,
   #block-samsungmicrosoftcollaboration h2,
   #block-samsungmicrosoftcollaboration p,
   #block-projects4 h2,
   #block-projects4 p {
    margin:0
   }
   #block-kith h2,
   #block-samsung h2,
   #block-samsungmicrosoftcollaboration h2,
   #block-projects4 h2 {
    background-color:rgba(0,0,0,0.5);
    padding:30px
   }
   #form-page {
    display:none;
    position:absolute;
    background-color:rgba(0,0,0,0.5);
    width:100%;
    min-width:100vw;
    min-height:100vh;
    z-index:10000000;
    padding-top:50px;
    color:#fff
   }
   .map {
    position:relative;
    float:left
   }
   .form {
    position:relative;
    float:left
   }
   #block-webform {
    margin-top:20px;
    padding:40px
   }
   .form-info {
    padding:20px
   }
   .form-info table tr td {
    padding-right:10px
   }
   .form-info table tr td a {
    color:#fff;
    text-decoration:none
   }
   .form-content {
    background-color:#c41230;
    border-radius:0 5px 5px 0
   }
   .closebtn {
    float:right;
    margin:10px 20px;
    color:#fff;
    text-decoration:none
   }
   input {
    border-radius:5px;
    padding:10px;
    margin-top:10px;
    background-color:rgba(0,0,0,0.5);
    border:0;
    color:#fff;
    width:100%
   }
   textarea {
    border-radius:5px;
    padding:10px;
    margin-top:10px;
    background-color:rgba(0,0,0,0.5);
    border:0;
    color:#fff;
    width:100%
   }
   .about {
    padding:0 5%
   }
   .about img {
    width:100%
   }
   .video-fullwidth {
    width:100%
   }
   .text-section {
    width:30%;
    margin-left:15%;
    float:left;
    margin-bottom:40px;
    margin-top:40px
   }
   .side-image {
    width:35.5%;
    margin-left:5%;
    float:left;
    margin-bottom:40px;
    margin-top:40px
   }
   .side-image img {
    width:100%
   }
   .samsung-xbox-bg {
    z-index:12019;
    position:absolute
   }
   .samsung-xbox-bg img {
    width:1200px
   }
   .samsung-video {
    z-index:12020;
    position:absolute
   }
   .xbox-player {
    z-index:12020;
    width:1180px;
    min-width:10%;
    min-height:20px;
    top:8px;
    position:relative
   }
   #samsung-collab {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:40px
   }
   #text-samsung {
    width:70%;
    position:relative;
    top:800px
   }
   #text-samsung h1 {
    text-align:center
   }
   .about-video {
    width:100%
   }
   .foxy-bg {
    z-index:12019;
    position:absolute
   }
   .foxy-bg img {
    width:1200px
   }
   .foxy-video {
    z-index:12020
   }
   .foxy-player {
    z-index:12020;
    width:90%;
    min-width:10%;
    min-height:20px;
    top:8px;
    position:relative;
    left:5%
   }
   #foxy {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:40px;
    padding-top:140px
   }
   #text-foxy {
    text-align:center;
    width:70%;
    margin:auto
   }
   #banner-ramstein {
    width:100%
   }
   #banner-ramstein img {
    width:100%
   }
   .text-ramstein {
    width:40%;
    float:left;
    margin-left:10%
   }
   .side-pic {
    width:40%;
    float:left
   }
   .side-pic img {
    width:100%
   }
   @media only screen and (min-width: 1628px) {
    .hexagon a {
     font-size:18px
    }
    .hexagon p {
     font-size:20px;
     line-height:20px
    }
   }
   @media only screen and (max-width: 1628px) {
    .hexagon p {
     line-height:14px
    }
    .hexagon a {
     font-size:14px;
     line-height:2px;
     margin:0
    }
   }
   @media only screen and (max-width: 768px) {
    .site-name {
     width:35%;
     top:40px;
     left:20%
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 1400px) {
    .site-name {
     width:15%;
     top:40px;
     left:10%
    }
   }
   @media only screen and (min-width: 1400px) {
    .site-name {
     width:10%;
     top:45px;
     left:8%
    }
   }
   @media screen and (min-width: 1824px) {
    #links {
     position:absolute;
     top:600px;
     width:100%
    }
    #links p {
     color:white;
     padding:8px 15px;
     border:solid 1px;
     border-radius:5px;
     text-align:center
    }
    #links p:hover {
     background-color:#c41230
    }
    .card {
     position:absolute;
     width:100%;
     height:720px;
     overflow:hidden
    }
    .card a {
     width:100%
    }
    .card:hover {
     background-color:rgba(0,0,0,0.5)
    }
   }
   @media screen and (max-width: 1823px) {
    #links {
     position:absolute;
     top:300px;
     width:100%
    }
    #links p {
     color:white;
     padding:8px 15px;
     border:solid 1px;
     border-radius:5px;
     text-align:center
    }
    #links p:hover {
     background-color:#c41230
    }
    .card {
     position:absolute;
     width:100%;
     height:410px;
     overflow:hidden
    }
    .card a {
     width:100%
    }
    .card:hover {
     background-color:rgba(0,0,0,0.5)
    }
   }
   @media only screen and (max-width: 768px) {
    #block-free-main-menu {
     width:75%;
     z-index:100000000000
    }
    #block-free-main-menu ul li {
     list-style:none;
     display:inline-block
    }
    #block-free-main-menu ul li a {
     color:#c41230;
     text-decoration:none
    }
    #menu-icon {
     display:inline-block;
     margin-left:20px;
     margin-top:40px
    }
    nav ul,
    nav:active ul {
     display:none;
     position:absolute;
     padding:20px;
     background:#fff;
     width:100%;
     z-index:100000000000;
     top:65px
    }
    nav li {
     text-align:center;
     width:100%;
     padding:10px 0;
     margin:0
    }
    nav:hover ul {
     display:block;
     z-index:100545110000
    }
   }
   @media only screen and (min-width: 769px) {
    #block-free-main-menu {
     width:90%;
     z-index:10000;
     margin-top:40px
    }
    #block-free-main-menu ul li {
     list-style:none;
     display:inline-block;
     margin-right:40px
    }
    #block-free-main-menu ul li a {
     color:#c41230;
     text-decoration:none
    }
    nav {
     display:-ms-flexbox;
     display:flex;
     -ms-flex-pack:end;
     justify-content:flex-end
    }
   }
   @media only screen and (min-width: 321px) {
    #videobg-text {
     background-color:rgba(0,0,0,0.5);
     width:25%;
     margin:20px 60%;
     padding:1% 3% 1% 3%;
     color:#fff
    }
   }
   @media only screen and (max-width: 768px) {
    #videobg-text {
     background-color:rgba(0,0,0,0.5);
     width:80%;
     margin:20px 10%;
     padding:1% 3% 1% 3%;
     color:#fff
    }
   }
   @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #videobg-text {
     background-color:rgba(0,0,0,0.5);
     width:80%;
     margin:20px 10%;
     padding:1% 3% 4% 3%;
     color:#fff
    }
   }
   @media only screen and (max-width: 1224px) {
    #videobg-text {
     background-color:rgba(0,0,0,0.5);
     width:96%;
     margin:5% 0;
     padding:0% 2% 1% 2%;
     color:#fff
    }
    #videobg-text video {
     width:100%
    }
    #videobg-text p {
     font-size:14px
    }
   }
   @media only screen and (min-width: 1224px) {
    #videobg-text {
     background-color:rgba(0,0,0,0.5);
     width:40%;
     margin:5% 50%;
     padding:10px 20px 30px 20px;
     color:#fff
    }
    #videobg-text video {
     width:100%
    }
   }
   @media only screen and (min-width: 1824px) {
    #videobg-text {
     background-color:rgba(0,0,0,0.5);
     width:35%;
     margin:5% 55%;
     padding:10px 20px 30px 20px;
     color:#fff
    }
    #videobg-text video {
     width:100%
    }
   }
   @media only screen and (max-width: 414px) {
    .services-icon-list {
     display:-ms-flexbox;
     display:flex;
     -ms-flex-wrap:wrap;
     flex-wrap:wrap;
     -ms-flex-align:end;
     align-items:flex-end;
     -ms-flex-pack:distribute;
     justify-content:space-around;
     margin-top:20px
    }
    .position-1,
    .position-2,
    .position-3,
    .position-4,
    .position-5,
    .position-6,
    .position-7,
    .position-8,
    .position-9 {
     display:-ms-flexbox;
     display:flex;
     -ms-flex-align:center;
     align-items:center;
     width:33%;
     height:150px;
     background-color:rgba(0,0,0,0.5);
     border-radius:5px;
     margin-top:5px
    }
    .position-1 a,
    .position-2 a,
    .position-3 a,
    .position-4 a,
    .position-5 a,
    .position-6 a,
    .position-7 a,
    .position-8 a,
    .position-9 a {
     text-decoration:none;
     color:#fff
    }
    .services-icon {
     color:#fff;
     text-transform:uppercase;
     margin:auto
    }
    .wd,
    .ds,
    .rdc,
    .fourkuhd,
    .oe,
    .s55,
    .dd,
    .threedm,
    .ms {
     display:-ms-flexbox;
     display:flex;
     -ms-flex-pack:center;
     justify-content:center;
     text-align:center;
     -ms-flex-direction:column;
     flex-direction:column
    }
    .wd img {
     width:40%;
     margin-top:10px;
     margin-bottom:5px
    }
    .ds img {
     width:30%;
     margin-top:20px;
     margin-bottom:5px
    }
    .rdc img {
     width:40%;
     margin-top:20px;
     margin-bottom:5px
    }
    .fourkuhd img {
     width:40%;
     margin-top:20px;
     margin-bottom:5px
    }
    .oe {
     margin:0;
     width:100%
    }
    .oe p {
     text-align:center;
     margin:0
    }
    .s55 {
     display:-ms-flexbox;
     display:flex;
     -ms-flex-pack:center;
     justify-content:center
    }
    .s55 img {
     width:40%;
     margin-top:20px;
     margin-bottom:5px
    }
    .dd img {
     width:40%;
     margin-top:20px;
     margin-bottom:5px
    }
    .threedm img {
     width:40%;
     margin-top:20px;
     margin-bottom:5px
    }
    .ms img {
     width:40%;
     margin-top:20px;
     margin-bottom:5px
    }
    .active {
     background-color:#c41230
    }
    .tabcontent {
     display:none;
     padding:6px 12px;
     border-top:none;
     color:#fff
    }
    #block-servicesinformation {
     width:100%;
     margin-top:40px;
     background-color:transparent;
     padding:10px
    }
   }
   @media only screen and (min-device-width: 321px) and (max-device-width: 768px) and (orientation: landscape) {
    .services-icon-list {
     width:10%;
     float:left
    }
    .position-1,
    .position-2,
    .position-3,
    .position-4,
    .position-6,
    .position-7,
    .position-8,
    .position-9 {
     width:100%
    }
    .position-1 a,
    .position-2 a,
    .position-3 a,
    .position-4 a,
    .position-6 a,
    .position-7 a,
    .position-8 a,
    .position-9 a {
     text-decoration:none;
     color:#fff
    }
    .services-icon {
     color:#fff;
     text-transform:uppercase;
     padding:10px;
     width:100%;
     background-color:rgba(0,0,0,0.5)
    }
    .wd,
    .ds,
    .rdc,
    .fourkuhd,
    .oe,
    .s55,
    .dd,
    .threedm,
    .ms {
     text-align:center
    }
    .wd p,
    .ds p,
    .rdc p,
    .fourkuhd p,
    .oe p,
    .s55 p,
    .dd p,
    .threedm p,
    .ms p {
     display:none
    }
    .wd img {
     width:30%
    }
    .ds img {
     width:40%
    }
    .rdc img {
     width:50%
    }
    .fourkuhd img {
     width:50%
    }
    .oe {
     display:none;
     margin:0;
     width:0%
    }
    .oe p {
     text-align:center;
     margin:0
    }
    .s55 {
     display:-ms-flexbox;
     display:flex;
     -ms-flex-pack:center;
     justify-content:center
    }
    .s55 img {
     width:50%
    }
    .dd img {
     width:50%
    }
    .threedm img {
     width:50%
    }
    .ms img {
     width:50%
    }
    .active {
     background-color:#c41230
    }
    .tabcontent {
     display:none;
     padding:6px 12px;
     border-top:none;
     color:#fff
    }
    #block-servicesinformation {
     width:85%;
     margin-top:40px;
     margin-left:13%
    }
   }
   @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .services-icon-list {
     width:10%;
     float:left
    }
    .position-1,
    .position-2,
    .position-3,
    .position-4,
    .position-6,
    .position-7,
    .position-8,
    .position-9 {
     width:100%
    }
    .position-1 a,
    .position-2 a,
    .position-3 a,
    .position-4 a,
    .position-6 a,
    .position-7 a,
    .position-8 a,
    .position-9 a {
     text-decoration:none;
     color:#fff
    }
    .services-icon {
     color:#fff;
     text-transform:uppercase;
     width:100%;
     background-color:rgba(0,0,0,0.5)
    }
    .wd,
    .ds,
    .rdc,
    .fourkuhd,
    .oe,
    .s55,
    .dd,
    .threedm,
    .ms {
     text-align:center;
     padding:20px 10px
    }
    .wd p,
    .ds p,
    .rdc p,
    .fourkuhd p,
    .oe p,
    .s55 p,
    .dd p,
    .threedm p,
    .ms p {
     display:none
    }
    .wd img {
     width:50%
    }
    .ds img {
     width:40%
    }
    .rdc img {
     width:50%
    }
    .fourkuhd img {
     width:50%
    }
    .oe {
     display:none;
     margin:0;
     width:0%
    }
    .oe p {
     text-align:center;
     margin:0
    }
    .s55 {
     display:-ms-flexbox;
     display:flex;
     -ms-flex-pack:center;
     justify-content:center
    }
    .s55 img {
     width:50%
    }
    .dd img {
     width:50%
    }
    .threedm img {
     width:50%
    }
    .ms img {
     width:50%
    }
    .active {
     background-color:#c41230;
     padding-right:20px
    }
    .tabcontent {
     display:none;
     padding:6px 12px;
     border-top:none;
     color:#fff
    }
    #block-servicesinformation {
     width:85%;
     margin-top:40px;
     margin-left:13%
    }
   }
   @media only screen and (min-width: 415px) and (max-width: 768px) {
    .services-icon-list {
     width:10%;
     float:left
    }
    .position-1,
    .position-2,
    .position-3,
    .position-4,
    .position-6,
    .position-7,
    .position-8,
    .position-9 {
     width:100%
    }
    .position-1 a,
    .position-2 a,
    .position-3 a,
    .position-4 a,
    .position-6 a,
    .position-7 a,
    .position-8 a,
    .position-9 a {
     text-decoration:none;
     color:#fff
    }
    .services-icon {
     color:#fff;
     text-transform:uppercase;
     padding:5px;
     width:100%;
     background-color:rgba(0,0,0,0.5)
    }
    .wd,
    .ds,
    .rdc,
    .fourkuhd,
    .oe,
    .s55,
    .dd,
    .threedm,
    .ms {
     text-align:center
    }
    .wd p,
    .ds p,
    .rdc p,
    .fourkuhd p,
    .oe p,
    .s55 p,
    .dd p,
    .threedm p,
    .ms p {
     display:none
    }
    .wd img {
     width:50%
    }
    .ds img {
     width:40%
    }
    .rdc img {
     width:50%
    }
    .fourkuhd img {
     width:50%
    }
    .oe {
     display:none;
     margin:0;
     width:0%
    }
    .oe p {
     text-align:center;
     margin:0
    }
    .s55 {
     display:-ms-flexbox;
     display:flex;
     -ms-flex-pack:center;
     justify-content:center
    }
    .s55 img {
     width:50%
    }
    .dd img {
     width:50%
    }
    .threedm img {
     width:50%
    }
    .ms img {
     width:50%
    }
    .active {
     background-color:#c41230;
     padding-right:10px
    }
    .tabcontent {
     display:none;
     padding:6px 12px;
     border-top:none;
     color:#fff
    }
    #block-servicesinformation {
     width:85%;
     margin-top:40px;
     margin-left:13%
    }
   }
   @media only screen and (min-width: 1025px) and (max-width: 1628px) {
    .services-icon {
     display:-ms-flexbox;
     display:flex;
     -ms-flex-direction:column;
     flex-direction:column
    }
    .services-icon p {
     margin:0
    }
    .hexagon {
     z-index:-100;
     position:relative;
     width:76px;
     height:105px;
     margin:43.30px 0;
     border-top:solid 3px rgba(255,255,255,0.5);
     border-bottom:solid 3px rgba(255,255,255,0.5);
    }
    .hexagon:before,
    .hexagon:after {
     content:"";
     position:absolute;
     z-index:-100;
     width:75px;
     height:75px;
     transform:scaleX(0.5774) rotate(45deg);
     background-color:inherit;
     top:12px
    }
    .hexagon:before {
     z-index:-100;
     left:36px;
     border-top:solid 4px rgba(255,255,255,0.5);
     border-right:solid 4px rgba(255,255,255,0.5)
    }
    .hexagon:after {
     z-index:-1000;
     right:36px;
     border-bottom:solid 4.0711px rgba(255,255,255,0.5);
     border-left:solid 4.0711px rgba(255,255,255,0.5)
    }
    .position-1 {
     position:fixed;
     top:258px;
     left:100px
    }
    .position-2 {
     position:fixed;
     top:205px;
     left:205px
    }
    .position-3 {
     position:fixed;
     top:315px;
     left:205px
    }
    .position-4 {
     position:fixed;
     top:368px;
     left:100px
    }
    .position-5 {
     position:fixed;
     top:150px;
     left:100px;
     z-index:2000;
     background-color:#000
    }
    .position-6 {
     position:fixed;
     top:425px;
     left:205px
    }
    .position-7 {
     position:fixed;
     top:477px;
     left:100px
    }
    .position-8 {
     position:fixed;
     top:535px;
     left:205px
    }
    .position-9 {
     position:fixed;
     top:587px;
     left:100px
    }
    .services-icon {
     color:#fff;
     text-transform:uppercase
    }
    .wd {
     text-align:center
    }
    .wd img {
     width:40%;
     margin-top:10px;
     margin-bottom:5px
    }
    .ds {
     text-align:center
    }
    .ds img {
     width:35%;
     margin-top:20px;
     margin-bottom:5px
    }
    .rdc {
     text-align:center
    }
    .rdc img {
     width:40%;
     margin-top:20px;
     margin-bottom:5px
    }
    .fourkuhd {
     text-align:center
    }
    .fourkuhd img {
     width:50%;
     margin-top:20px;
     margin-bottom:5px
    }
    .oe {
     text-align:center;
     margin-top:30px;
     margin-bottom:5px
    }
    .s55 {
     text-align:center
    }
    .s55 img {
     width:50%;
     margin-top:20px;
     margin-bottom:5px
    }
    .dd {
     text-align:center
    }
    .dd img {
     width:50%;
     margin-top:20px;
     margin-bottom:5px
    }
    .threedm {
     text-align:center
    }
    .threedm img {
     width:50%;
     margin-top:20px;
     margin-bottom:5px
    }
    .ms {
     text-align:center
    }
    .ms img {
     width:50%;
     margin-top:20px;
     margin-bottom:5px
    }
    .active {
     background-color:#c41230
    }
    .tabcontent {
     display:none;
     padding:6px 12px;
     border-top:none;
     color:#fff
    }
    #block-servicesinformation {
     width:55%;
     position:absolute;
     left:40%;
     top:220px;
     padding:10px
    }
   }
   @media only screen and (min-width: 1628px) {
    .services-icon-list {
     position:relative;
     top:0px
    }
	.services-icon {
		height: 100%;
		width: 100%;
		display:flex;
		display:-ms-flexbox;
		flex-direction:column;
		-ms-flex-direction:column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		gap: 10px;
		color:#fff;
		text-transform:uppercase;
		text-align:center;
    }
    .services-icon p {
     margin:0
    }
    .hexagon {
     z-index:100;
     position:relative;
     width:101px;
     height:150px;
     border-top:solid 5px rgba(255,255,255,0.5);
     border-bottom:solid 5px rgba(255,255,255,0.5);
    }
    .hexagon:before,
    .hexagon:after {
     content:"";
     position:absolute;
     z-index:-100;
     width:108px;
     height:105px;
     transform:scaleX(0.5774) rotate(45deg);
     background-color:inherit;
     top:20px
    }
    .hexagon:before {
     z-index:-100;
     left:44px;
     border-top:solid 7px rgba(255,255,255,0.5);
     border-right:solid 7px rgba(255,255,255,0.5)
    }
    .hexagon:after {
     z-index:-1000;
     right:44px;
     border-bottom:solid 7.0711px rgba(255,255,255,0.5);
     border-left:solid 7.0711px rgba(255,255,255,0.5)
    }
    .position-1 {
     position:absolute;
     top:300px;
     left:155px
    }
    .position-2 {
     position:absolute;
     top:222px;
     left:295px
    }
    .position-3 {
     position:absolute;
     top:379px;
     left:295px
    }
    .position-4 {
     position:absolute;
     top:145px;
     left:440px
    }
    .position-5 {
     position:absolute;
     top:302px;
     left:440px;
     z-index:2000;
     background-color:#000
    }
    .position-6 {
     position:absolute;
     top:460px;
     left:440px
    }
    .position-7 {
     position:absolute;
     top:226px;
     left:585px
    }
    .position-8 {
     position:absolute;
     top:382px;
     left:586px
    }
    .position-9 {
     position:absolute;
     top:305px;
     left:732px
    }
    .wd img {
     width:40%;
    }
    .ds img {
     width:30%;
    }
    .rdc img {
     width:40%;
    }
    .fourkuhd img {
     width:50%;
    }
    .s55 img {
     width:40%;
    }
    .dd img {
     width:50%;
    }
    .threedm img {
     width:40%;
    }
    .ms img {
     width:40%;
    }
    .active {
     background-color:#c41230
    }
    .tabcontent {
     display:none;
     padding:6px 12px;
     border-top:none;
     color:#fff
    }
	   .tabcontent > p:first-of-type{
		   text-transform: uppercase;
	   }
    #block-servicesinformation {
     width:40%;
     left:52%;
     top:302px;
     position:absolute
    }
    #block-servicesbg div img {
     width:100%
    }	   
	   
   }
   @media only screen and (min-width: 321px) {
    .project-details {
     position:relative;
     width:100%
    }
    .project-details p,
    .project-details h2 {
     padding:0 20px
    }
    #block-kith {
     width:100%;
     height:500px
    }
    #block-samsung {
     width:100%;
     height:500px
    }
    #block-samsungmicrosoftcollaboration {
     width:100%;
     height:500px
    }
    #block-projects4 {
     width:100%;
     height:500px
    }
    #block-kith {
     background:url("../Resources/Kith_resource/Kith.gif");
     background-size:cover
    }
    #block-samsungmicrosoftcollaboration {
     background:url("../images/projects/SamsungXboxPartnershipImage1.jpg");
     background-size:cover
    }
    #block-samsung {
     background:url("../images/projects/samsung3.jpg");
     background-size:cover;
     background-position:center
    }
    #block-projects4 {
     background:url("../images/projects/ramsteinb.jpg");
     background-size:cover
    }
   }
   @media only screen and (max-width: 320px) {
    .project-details {
     position:relative;
     width:100%
    }
    .project-details p,
    .project-details h2 {
     padding:0 20px
    }
    #block-kith {
     position:absolute;
     margin-top:120px;
     left:15%;
     width:30%;
     height:500px
    }
    #block-samsung {
     position:absolute;
     margin-top:80px;
     left:45%;
     width:30%;
     height:500px
    }
    #block-samsungmicrosoftcollaboration {
     position:absolute;
     margin-top:620px;
     left:15%;
     width:30%;
     height:500px
    }
    #block-projects4 {
     position:absolute;
     margin-top:580px;
     left:45%;
     width:30%;
     height:500px
    }
    #block-kith {
     background:url("../images/projects/kith.gif");
     background-size:fill
    }
    #block-samsungmicrosoftcollaboration {
     background:url("../images/projects/SamsungXboxPartnershipImage1.jpg");
     background-size:contain
    }
    #block-samsung {
     background:url("../images/projects/samsung3.jpg");
     background-size:cover;
     background-position:center
    }
    #block-projects4 {
     background:url("../images/projects/ramsteinb.jpg");
     background-size:contain
    }
   }
   @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .project-details {
     position:relative;
     width:100%
    }
    .project-details p,
    .project-details h2 {
     padding:0 20px
    }
    #block-kith {
     position:absolute;
     margin-top:120px;
     left:5%;
     width:42.5%;
     height:400px
    }
    #block-samsung {
     position:absolute;
     margin-top:80px;
     left:47.5%;
     width:42.5%;
     height:400px
    }
    #block-samsungmicrosoftcollaboration {
     position:absolute;
     margin-top:520px;
     left:5%;
     width:42.5%;
     height:400px
    }
    #block-projects4 {
     position:absolute;
     margin-top:480px;
     left:47.5%;
     width:42.5%;
     height:400px
    }
    #block-kith {
     background:url("../images/projects/kith.gif");
     background-size:cover;
     background-position:center
    }
    #block-samsungmicrosoftcollaboration {
     background:url("../images/projects/SamsungXboxPartnershipImage1.jpg");
     background-size:cover;
     background-position:center
    }
    #block-samsung {
     background:url("../images/projects/samsung3.jpg");
     background-size:cover;
     background-position:center
    }
    #block-projects4 {
     background:url("../images/projects/ramsteinb.jpg");
     background-size:cover;
     background-position:center
    }
   }
   @media only screen and (min-device-width: 768px) and (max-device-width: 2560px) and (orientation: landscape) {
    .project-details {
     position:relative;
     width:100%
    }
    .project-details p,
    .project-details h2 {
     padding:0 20px
    }
    #block-kith {
     position:absolute;
     margin-top:120px;
     left:10%;
     width:100%;
     height:500px
    }
    #block-samsung {
     position:absolute;
     margin-top:80px;
     left:50%;
     width:40%;
     height:500px
    }
    #block-samsungmicrosoftcollaboration {
     position:absolute;
     margin-top:620px;
     left:10%;
     width:40%;
     height:500px
    }
    #block-projects4 {
     position:absolute;
     margin-top:580px;
     left:50%;
     width:40%;
     height:500px
    }
    #block-kith {
     background:url("../images/projects/kith.gif");
     background-size:fill;
     background-position:center
    }
    #block-samsungmicrosoftcollaboration {
     background:url("../images/projects/SamsungXboxPartnershipImage1.jpg");
     background-size:contain
    }
    #block-samsung {
     background:url("../images/projects/samsung3.jpg");
     background-size:cover;
     background-position:center
    }
    #block-projects4 {
     background:url("../images/projects/ramsteinb.jpg");
     background-size:contain
    }
   }
   @media only screen and (min-width: 800px) {
    .project-details {
     position:relative;
     width:75%;
     margin:auto
    }
    .project-details p,
    .project-details h2 {
     padding:0 20px
    }
    #block-kith {
     position:absolute;
     margin-top:120px;
     left:20%;
     width:30%;
     height:500px
    }
    #block-samsung {
     position:absolute;
     margin-top:80px;
     left:50%;
     width:30%;
     height:500px
    }
    #block-samsungmicrosoftcollaboration {
     position:absolute;
     margin-top:620px;
     left:20%;
     width:30%;
     height:500px
    }
    #block-projects4 {
     position:absolute;
     margin-top:581px;
     left:50%;
     width:30%;
     height:500px
    }
    #block-kith {
     background:url("../Resources/Kith_resource/Kith.gif");
     background-size:cover;
     background-position:center
    }
    #block-samsungmicrosoftcollaboration {
     background:url("../Resources/Samsung_xbox_resource/SamsungXboxPartnershipImage1.jpg");
     background-size:cover;
     background-position:center
    }
    #block-samsung {
     background:url("../Resources/Samsung_resource/samsung3.jpg");
     background-size:cover;
     background-position:center
    }
    #block-projects4 {
     background:url("../Resources/Ramstein_resources/ramsteinb.jpg");
     background-size:cover;
     background-position:center
    }
   }
   @media only screen and (min-width: 1824px) {
    .project-details {
     position:relative;
     width:75%;
     margin:auto
    }
    .project-details p,
    .project-details h2 {
     padding:0 5%
    }
    #block-kith {
     position:absolute;
     margin-top:60px;
     left:50%;
     width:35%;
     height:800px
    }
    #block-samsung {
     position:absolute;
     margin-top:100px;
     left:15%;
     width:35%;
     height:800px
    }
    #block-samsungmicrosoftcollaboration {
     position:absolute;
     margin-top:900px;
     left:15%;
     width:35%;
     height:800px
    }
    #block-projects4 {
     position:absolute;
     margin-top:861px;
     left:50%;
     width:35%;
     height:800px
    }
    #block-kith {
     background:url("../images/projects/kith.gif");
     background-size:cover;
     background-position:center
    }
    #block-samsungmicrosoftcollaboration {
     background:url("../images/projects/SamsungXboxPartnershipImage1.jpg");
     background-size:cover;
     background-position:center
    }
    #block-samsung {
     background:url("../images/projects/samsung3.jpg");
     background-size:cover;
     background-position:center
    }
    #block-projects4 {
     background:url("../images/projects/ramsteinb.jpg");
     background-size:cover;
     background-position:center
    }
   }
   @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .map img {
     width:100%
    }
   }
   
   /*# sourceMappingURL=style.css.map */