/* Svendborg Lokalradio */
@media all and (max-width: 991px) { /* Phones and tables */ 
  .logo_mobile {
    /* padding-right: 80px; */
    position: relative;
    left: 0;
    top: 0;
    height: 80px;
    width: 263px;
    float:left;
    object-fit: cover;
  }
  #pagetop a {
    float: left;
    width: 263px;
    height: auto;
  }
  #header #logo {
    display: none;
  }
  #header, #header .topbar {
    background: white;
  }

  #header .topbar {
    box-shadow: 0 0 10px 0px rgba(0,0,0,.1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  #wrapper {
    padding-top:80px;
  }
  #mainnav {
    display: none!important;
  }
}

@media all and (min-width: 768px) { /* Wider than phones */
  #logo {
    height:110px;
    vertical-align:top;
    float:left;
    margin-top: 0px;
    margin-bottom: 0;
  }
  #logo, #logo * {
    height:110px;
  }
  #logo img {
    max-height: 400px;
    height:130px;
    width: auto;
    float: left;
    padding: 0;
  }
}

@media all and (min-width: 992px) { /* Desktops */ 
  #mainnav.sticky_nav.cloned {
    background: white;
    width: 100%!important;
    left:0!important;
    box-shadow: 0 0 10px 0px rgba(0,0,0,.1);
    padding-right: 20px;
  }
  #mainnav.sticky_nav.cloned, #mainnav.sticky_nav.cloned .nav_content, #mainnav.sticky_nav.cloned .nav_content .FullTreeMenuLi {
    width: 100%;
    text-align: center;
  }
  .topbar {
    display:none;
  }
  .logo_mobile {
    display: none;
  }
  #mainnav {
    position: absolute;
    top: 65px;
    background: transparent;
    right: 15px;
    width: 48%;
  }
}
@media all and (min-width: 1200px) { /* Big Desktops */ 
  #mainnav {
    position: absolute;
    top: 65px;
    background: transparent;
    right: 15px;
    width: 57%;
  }
}

@media all and (max-width: 767px) { /* Phones */
  .facebookfloat {
    right: 10px;
  }
  .linkedinfloat {
    right: 60px;
  }
  #content {
    margin-top: 70px;
  }
  #logo img {
    width:100%;
    max-width:375px;
    height:auto;
    max-height:none;
  }
  .telefonfloat {
    right: 10px;
    position: absolute;
    top: 60px;
  }
}

@media all and (max-width: 630px) { 
  h1, #content h1 {
    font-size: 26px;
    padding-top: 0;
  }
  a.buttonlink, #content a.buttonlink {
   margin-right: 0;
   margin-bottom: 20px;
  }
}

@media all and (max-width: 560px) { /* 560- */
  form.contact label, form.contact input, form.contact input, form.contact textarea, form.contact select {
    width:100%;
    float:left;
  }
  #logo img {
    width:100%;
    padding: 0;
  }
}

@media all and (max-width: 500px) { /* 500- */


}

@media all and (max-width: 400px) { /* 400- */
  #logo img {
    width:100%;
  }
  .facebookfloat, .linkedinfloat {
    display:none;
  }
  #pagetop a {
    height: auto;
    width: calc(100% - 95px);
  }
  #pagetop a img {
    width: 100%;
    height:auto;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) { /* Tablets */ 
  .employee .employee_desc { 
    max-width: 528px; 
  }
  .kontaktpersoner { 
    width: 100%;
  }
  .telefonfloat {
    /*left: 40px;*/
    right: 0px;
    position: absolute;
    top: 25px;
  }
}