/* Ny toppbild 2018-04-27 */
/* Bytt location */
.layout--start .c-hero .hero-image {
  background-position: 50% 30% !important; }

body.is-development .header-logo::after, body.is-test .header-logo::after {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, 0) rotate(-8deg);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  color: #aaa; }
  @media (min-width: 680px) {
    body.is-development .header-logo::after, body.is-test .header-logo::after {
      font-size: 18px; } }
  @media (min-width: 1200px) {
    body.is-development .header-logo::after, body.is-test .header-logo::after {
      bottom: 8px; } }

body.is-development .header-logo::after {
  content: 'Utveckling'; }

body.is-test .header-logo::after {
  content: 'Test'; }

.row:empty {
  display: none; }

.page-grid-container {
  display: grid;
  grid-template-areas: 'left left righttop righttop righttop righttop' 'left left midbottom midbottom rightbottom rightbottom';
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 0px;
  background: #efefef;
  height: 500px; }
  .page-grid-container .center textarea, .page-grid-container .center input {
    text-align: center; }
  .page-grid-container .grid-box {
    color: #fff;
    padding: 20px;
    transition: all .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .page-grid-container .grid-box .content-headline, .page-grid-container .grid-box .content-link {
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.75); }
    .page-grid-container .grid-box:nth-child(1) {
      grid-area: left;
      align-items: flex-start;
      justify-content: left;
      padding: 60px; }
      .page-grid-container .grid-box:nth-child(1) .content-headline {
        font-size: 34px;
        text-transform: uppercase; }
    .page-grid-container .grid-box:nth-child(2) {
      grid-area: righttop; }
    .page-grid-container .grid-box:nth-child(3) {
      grid-area: midbottom; }
    .page-grid-container .grid-box:nth-child(4) {
      grid-area: rightbottom; }
    .page-grid-container .grid-box.color-1 {
      background-color: #004266; }
    .page-grid-container .grid-box.color-2 {
      background-color: #005380; }
    .page-grid-container .grid-box.color-3 {
      background-color: rgba(0, 83, 128, 0.96); }