@import "_lams_variables.scss"; @media (max-width: 500px) { * { font-size: $font-size-base; } .fixed-button-width { width: 80px; font-size: $font-size-base; } #hours, #minutes, #seconds { width:70px; } } @media (min-width: 501px) { * { font-size: xx-large; } .fixed-button-width { width: 120px; font-size: x-large; } #hours, #minutes, #seconds { width:auto; font-size: x-large; } } .is-countdown { border: none; background-color: $body-bg; } .countdown-row-replacement-text, .countdown-row { font-size: 15vmin; display: block; margin-left: 30px; } #mainDiv{ margin-bottom: 0px; } #buttonsDiv{ margin-top: 5px; } #progressBarDiv{ height:10px; } #progressBarDiv #nprogress .bar{ height:10px; }