p, p.normal {
  max-width: 100%;
}
.ghost-btn{
  transition:0.3s;
  }
.ghost-btn:hover {
  background: rgba(255, 255, 255, 0.24);
}

.puff {
  width: 50%;
  background: #fff;
  min-height: 255px;
  text-align: center;
}

@media only screen and (min-width: 1600px) {
  .puff {
      background-size: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .puff {
      float: none;
      width: 100%;
      padding-top: 40px;
  }
  .toppbildtextxsvart {
      font-size: 3.2em;
}
}

.responsiv-toppbild{
  background-size:100%;
  }
.ikon-topplank{
  transition: 0.5s;
  width: 33.333333%;
  text-align: center;
  padding: 15px 0 9px 0;
  width: 33.333333%; 
  text-align:center; 
  padding: 30px 0 20px 0;
  }
.ikon-topplank:hover{
  background:#fff;
  cursor: pointer;
  }
.topplank-ikon{
  transition:0.5s;
  }  
.ikon-topplank:hover .topplank-ikon{
color:#ff4b10;
}
.topplank-ikon:before{
  font-size: 1.3em;
  }
.topplank-pil{
  display:none !important;
  }
.ikon-topplank a {
  color: #313131 !important;
}
.ikon-topplank a:hover {
  text-decoration: none;
}
.bottenlank{
  text-align: center;
  width:100%;
  float: left;
  cursor: pointer;
}
.bottenlank-col{
  width:33.33333%;
}
.bottenlank-pil{
  display: none !important;
  }
.bottenlank-rubrik{
  text-align: center;
  margin: 0 0 8px 0;
  } 
  
@media only screen and (max-width: 1200px){
  .responsiv-toppbild{
      background-size:1400px;
  }
}
@media only screen and (max-width: 950px){

          .responsive-centered-text{
          text-align: center !important;
          }
}
@media only screen and (max-width: 768px){
      .responsive-remove{
          display: none;
      }
      
      .ikon-topplank {
          background: rgb(255, 255, 255);
          width: 100%;
          text-align: left;
          height: 80px;
          position: relative;
          padding: 25px 0 0px;
          border-bottom: 1px solid #D2D2D2;
      }
      
     .ikon-topplank p.normal{
         float:left;
         font-familiy: sbab sans;
      }
  .topplank-pil{
          float: right;
          display: block !important;
          position: absolute;
          right: 3%;
          top: 42px;
      }
  .topplank-pil:before{
      font-size: 1.2em;
      vertical-align: sub;
      }
  .bottenlank-pil{
      display:block !important; 
      }
  .bottenlank-pil:before {
      position: absolute;
      top: 13px;
      right:-1px;
      }
  .topplank-ikon {
      float: left;
      padding:5px 15px 0 20px;
      margin: 0:
      }
  .topplank-ikon:before{
       font-size: 1.2em;
       vertical-align: sub;
      }
      .bottenlank-col{
          width:100%;
          background:#fff;
      }
      .bottenlank {
          position: relative;
          border-top: 1px solid #D2D2D2;
          height: 40px;
          text-align: left;
          width: 93%;
          margin-left: 3.5%;
      }
      .bottenlank-rubrik{
          margin: 0 0 11px 3.5%;
          text-align: left;
          }
      .bottenlank:last-child {
          border-bottom: 1px solid #D2D2D2;
          margin-bottom: none; 
          }
      .bottenlank:last-child{
          margin-bottom: 0px !important;
      }
      .bottenlank-col:last-child .bottenlank:last-child {
          margin-bottom: 50px !important;
      }
          
}

.bottenlank a {
  color: #373737 !important;
  transition: 0.3s;
}

.bottenlank:hover a {
  color: #FF4B10 !important;
  text-decoration: none;
}
.bottenlank:last-child {
  margin-bottom: 60px; 
}


.puff:hover span.ghost-btn:after {
  content: "\f054";
  color: white;
  padding-left: 10px;
}

.puff span.ghost-btn:after {
  transition: 0.5s;
  content: "";
  color: transparent;
  font-size: 0.8em !important;
  font-family: FontAwesome;
}


.blue-btn {
  transition: 0.3s;
  background-color: #38E0DF;
  font-size: 22px !important;
  font-family: sbab sans;
  border: 4px solid #38E0DF;
  padding: 8px 15px 9px 15px;
  text-decoration: none;
  color: #FFFFFF;
}


.blue-btn:hover {
  background: rgb(56, 238, 237);
  border: 10px solid #38EEED;
}

.black-ghost{
  font-size: 100%;
  color: #373737;
  background-color: transparent;
  font-size: 22px !important;
  font-family: sbab sans;
  border: 4px solid #373737;
  padding: 8px 15px 9px 15px;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
  }
.black-ghost:hover{
  border: 6px solid #373737;
}

p.no-underline:hover a:hover {
  text-decoration: none !important;
}