.logo-wrapper {
display: inline-flex;
vertical-align: middle;
.binary-logo-text {
> div {
width: 135px;
}
img.responsive {
width: 80%;
margin-top: 10px;
}
}
.logo-parent {
display: inline-flex;
.logo {
width: 55px;
height: 55px;
}
}
}
.logo-parent {
padding: 10px 0;
}
.logo {
display: inline-block;
width: 24%;
> div {
width: 100%;
height: 55px;
background-image: svg-url('');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
}
.binary-logo-text {
display: inline-block;
padding: 0 10px;
> div {
width: 90%;
height: 55px;
background-image: svg-url('');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
img.responsive {
width: 90%;
}
}
img.responsive {
width: 100%;
height: auto;
}
@media screen and (max-width: 769px) {
#header {
.binary-logo-text {
display: none;
}
}
}