Description

.logo-container { display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; -ms-align-content: center; align-content: center; } .sc-logo { width: 145px; height: 36px; display: block; background-size: 145px 36px; background-image: url('//www.channelsmanager.com/downloads/images/sc_logo.svg'); background-repeat: no-repeat; background-position: 0 0; } /*x-small*/ @media (max-width: 599px) { .sc-logo { width: 60px; height: 14.547px; background-size: 60px 14.547px; } } /* small */ @media (min-width: 600px) and (max-width: 959px) { .sc-logo { width: 100px; height: 24.244px; background-size: 100px 24.244px; } } /* medium */ @media (min-width: 960px) and (max-width: 1279px) { .sc-logo { width: 145px; height: 36px; background-size: 145px 36px; } } /* large */ @media (min-width: 1280px) { .sc-logo { width: 200px; height: 48.489px; background-size: 200px 48.489px; } } .sc-text { font-family: calibri; font-size: medium; text-align: center; } /*x-small*/ @media (max-width: 599px) { .sc-text { font-family: calibri; font-size: xx-small; } } /* small */ @media (min-width: 600px) and (max-width: 959px) { .sc-text { font-family: calibri; font-size: small; } } /* medium */ @media (min-width: 960px) and (max-width: 1279px) { .sc-text { font-family: calibri; font-size: medium; } } /*large */ @media (min-width: 1280px) { .sc-text { font-family: calibri; font-size: large; } }