.mylogo-holeder{
    display: block;
    position: relative;
    width: 230px;
    height: 64px;
}

#navbar #logo  {
    padding: 0;
}

#logo svg{
    position: absolute;
    width: 100%;
}

#logo svg.logoLight * {
    fill: #fff !important;
    polygon: #fff !important;

}


@media all and (min-width:600px){
    #navbar #logo {
        padding: 0 14px;
    }
}
@media all and (max-width:600px){
    #navbar #icons {
        padding: 0;
        margin-top: 20px;
    }
}

#home #logo_wrapper #home_logo #logo-text {
  display:block;
  position:absolute;
  top:48%;
  width:75%;
  text-align:center;
  
  opacity:1;
  color:#fff;
  font-size:1.2rem;
  padding-left:1rem;
}


@media all and (min-width:640px){
    #home #logo_wrapper #home_logo #logo-text {
      font-size:1.4rem;
      padding-left:2rem;
    }
}

@media all and (min-width:768px){
    #home #logo_wrapper #home_logo #logo-text {
      font-size:1.6rem;
       padding-left:2.4rem;
    }
}

@media all and (min-width:1024px){
    #home #logo_wrapper #home_logo #logo-text {
      font-size:1.8rem;
    }
}