/*--------------------------------------------------------
HEADER - TECKENSPRÅK HEROYTAN
------------------------------------------------------- */
h1.heading {
   font-size: 1.75rem;
   font-weight: 600;
   line-height: 1.25;
}

h1.heading:after {
	height: 7px;
   margin-top: 30px;
   margin-bottom: 35px;
   width: 115px;
}

@media(min-width: 768px) {
  h1.heading {
       font-size: 2.5rem;
  }
  h1.heading:after {
  		width: 230px;
		height: 10px;    
  }
}

p.ingress {
   margin-top: 0;
}

.afplay-header-teckensprak img {
   max-width: none;
}

.afplay-header-teckensprak .sv-column-4 img {
   margin-top: 3%;
   margin-left: 6em;
   padding-top: 2.25em;
}

.afplay-header-teckensprak .sv-column-4 .sv-image-portlet:nth-child(3) {
   display: none;
}

@media (max-width:768px) {
	.afplay-header-teckensprak .sv-column-4 {
      display: flex;
      justify-content: flex-end;
      position: relative;
      top: -7rem;
      left: -3rem;
   }
}

@media (min-width:768px) and (max-width: 900px) {
   .afplay-header-teckensprak > div {
      display: flex;
   }
   .afplay-header-teckensprak .sv-column-4 img {
	   max-width: none!important;
   }
   .afplay-header-teckensprak .sv-column-4,
	.afplay-header-teckensprak .sv-column-8,
   .afplay-header-teckensprak .sv-column-7,
   p.ingress {
      margin-bottom: 0;
   }
}

@media (max-width: 767px) {
   h1.heading:after {
      margin-top: 15px;
      margin-bottom: 12px;   
  }
   .afplay-header-teckensprak .sv-column-4 img {
      margin-left: 3em;
      padding-top: .25em;
   }
   .afplay-header-teckensprak .sv-column-4,
	.afplay-header-teckensprak .sv-column-8,
   .afplay-header-teckensprak .sv-column-7,
   p.ingress {
      margin-bottom: 0;
   }
	.afplay-header-teckensprak > div {
      display: flex;
   }
   .afplay-header-teckensprak .sv-column-4 .sv-image-portlet:nth-child(3) {
      display: block;
   }
	.afplay-header-teckensprak .sv-column-4 .sv-image-portlet:nth-child(2) {
      display: none;
   }
}

@media (max-width: 425px) {
   .afplay-header-teckensprak .sv-column-4 img {
      margin-left: 2.5em;
   }
}

@media (max-width: 375px) {
   .afplay-header-teckensprak .sv-column-4 img {
      margin-left: 2.5em;
      padding-top: 0;
      position: relative;
      left: -5rem;
      top: 2rem;
   }
}