* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body {
  margin: 0;
  padding: 0px; }

body {
  font-family: 'Open Sans Condensed';
  font-size: 18px;
  color: #94979a;
  background: #242c33;
  text-align: center; }

a {
  color: #94979a;
  text-decoration: none; }

.holder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column; }
  .holder .logo {
    display: flex;
    justify-content: center;
    padding: 100px 0 40px;
    width: 100%;
    max-width: 400px; }
    @media only screen and (max-width: 600px) {
      .holder .logo {
        max-width: calc(100% - 60px);
        padding-top: 50px; } }
    .holder .logo img {
      width: 300px; }
      @media only screen and (max-width: 600px) {
        .holder .logo img {
          width: 200px; } }
  .holder .desc {
    display: flex;
    justify-content: center;
    padding: 0px 10px 30px;
    width: 100%;
    max-width: 400px;
    border-bottom: 1px solid #191e23;
    font-size: 18px; }
    @media only screen and (max-width: 600px) {
      .holder .desc {
        max-width: calc(100% - 60px);
        padding: 0px 0px 30px; } }
  .holder .contact {
    display: flex;
    justify-content: center;
    padding: 0px 30px 30px;
    width: 100%;
    max-width: 400px;
    flex-direction: column; }
    .holder .contact div {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .holder .contact div h3 {
        margin: 30px 0 5px;
        font-size: 24px;
        color: #FFF; }
        @media only screen and (max-width: 600px) {
          .holder .contact div h3 {
            margin-bottom: 10px; } }
      @media only screen and (max-width: 600px) {
        .holder .contact div a {
          display: flex;
          justify-content: center;
          padding: 10px 0px;
          text-align: center;
          border: 1px solid #191e23;
          text-decoration: none;
          margin-bottom: 10px;
          width: 80%; } }
  .holder .address {
    display: flex;
    justify-content: center;
    border-top: 1px solid #191e23;
    flex-direction: column;
    width: 400px;
    margin-top: 30px; }
    .holder .address h5 {
      margin: 20px 0 5px;
      font-size: 14px; }
  .holder .companies {
    display: flex;
    justify-content: center;
    border-top: 1px solid #191e23;
    flex-direction: column;
    width: 800px;
    margin-top: 30px;
    padding-top: 30px; }
    @media only screen and (max-width: 600px) {
      .holder .companies {
        max-width: calc(100% - 60px); } }
    .holder .companies ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap; }
      .holder .companies ul li {
        display: flex;
        width: 25%;
        padding: 16px;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 600px) {
          .holder .companies ul li {
            width: 50%; } }
        .holder .companies ul li.studiokarlsson img {
          height: 60px; }
        .holder .companies ul li.activated img {
          height: 27px; }
        .holder .companies ul li.adminbolaget img {
          height: 30px; }
        .holder .companies ul li.citykids img {
          height: 60px; }

/*# sourceMappingURL=style.css.map */