/*
Description: Stylecheet for tjänster puffar
Version: 1.0.2
*/


/** Tjänster puffar **/
  #main .start-tjanster-puff{padding-top: 20px; letter-spacing: -0.48px;}
  .start-tjanster-puff {overflow: hidden;}
  body.home #main .start-tjanster-puff h3{font-size: 1.375rem;}
  .start-tjanster-puff p{margin-top: 0; font-size: 1rem; line-height: 1.35 !important;}

#top #main .start-tjanster-puff {height: 270px;}

  /* Tablet */
    @media only screen and (min-width:768px) and (max-width:989px){
    	#top #main .start-tjanster-puff{width: 220px; min-height: 280px; margin-top: 0;}
    }

  /* Mobile */
    @media only screen and (max-width: 767px) {
    	#top #main .start-tjanster-puff p{font-size: 1rem;}

				#top #main .start-tjanster-puff {width: 100%;max-width: 400px;min-height: auto;height: auto;padding: 20px 16px;position:relative;margin: auto;margin-top: 20px;}
				#top #main .start-tjanster-puff .av-special-heading {grid-area: heading;}
				#top #main .start-tjanster-puff .avia-image-container {bottom: 0;position: absolute;}
				#top #main .start-tjanster-1-puff .avia-image-container img {height: 95px;}
				#top #main .start-tjanster-1-puff .avia-image-container img {height: 95px;}
				#top #main .start-tjanster-2-puff .avia-image-container {right:5px;bottom: -14px;}
				#top #main .start-tjanster-2-puff .avia-image-container img {height: 117px;transform: scaleX(-1);}
				#top #main .start-tjanster-3-puff .avia-image-container {right:5px;}
				#top #main .start-tjanster-3-puff .avia-image-container img {height: 90px;}
				#top #main .start-tjanster-4-puff .avia-image-container {right:0;}
				#top #main .start-tjanster-4-puff .avia-image-container img {height: 80px;}

				#top #main .start-tjanster-puff .av_textblock_section {max-width: 60%;}
				#top #main .start-tjanster-1-puff .av_textblock_section {max-width: calc( 100% - 147px );}
				#top #main .start-tjanster-2-puff .av_textblock_section {max-width: calc( 100% - 141px );}
				#top #main .start-tjanster-3-puff .av_textblock_section {max-width: calc( 100% - 115px );}
				#top #main .start-tjanster-4-puff .av_textblock_section {max-width: calc( 100% - 137px );}
				body #main .start-tjanster-puff h3, #top #main .start-tjanster-puff p {text-align: left;}
    }