@import 'vars.less'; h4.main-subtitle{ color: rgb(80, 130, 150) !important; font-size: 1.2em !important; @media(max-width: 768px){ font-size: 1.1em !important; } } .tiny-button{ font-size: .8em !important; padding: 2px 5px !important; text-align: center !important; } .rz-bg{ background-image: url('../img/blue-bg.png'); background-repeat: no-repeat; background-size: cover; height: 80vh; width: 100%; position: fixed; bottom: 0; z-index: -10; } .main-content{ margin: 20px auto; width: 1024px; min-height: 100vh; @media(max-width: 1024px){ width: 90vw; } } .modal-dialog{ max-width: 40vw !important; max-height: 40vw !important; width: 40vw !important; height: 40vw !important; font-size: .8em; @media(max-width: 768px){ width: 90vw !important; max-width: 90vw !important; margin-left: auto !important; margin-right: auto !important; } } .speedbump-disclaimer{ color: #777; font-size: .7em; text-decoration: italic; } .btn.btn-primary{ background-color: #3e77ac !important; border: none; color: #fff; } .btn.btn-lg{ font-size: 2em !important; text-transform: uppercase !important; font-weight: 100 !important; } .mbtn{ display: inline-block; color: @ltBlue; padding: 10px 15px; border: 2px solid @ltBlue; font-size: 1em; text-transform: uppercase; vertical-align: middle; margin: 10px 30px; cursor: pointer; transition: .2s; width: 184px; box-shadow: 5px 5px 26px rgba(0, 0, 0, 0.1) ; -webkit-box-shadow: 5px 5px 26px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 5px 5px 26px rgba(0, 0, 0, 0.1) ; &:hover{ scale: 1.04; } @media(max-width: 768px){ margin-top: 20px !important; } } .mbtn-img{ width: 45px; height: 45px; margin-right: 10px; } .headline { text-align: center; margin-top: -45px; font-size: 1.75em; color: #1a0dab; @media(max-width: 395px){ margin-top: -5px; font-size: 1.25em; } } .subheadline { text-align: center; margin-bottom: 20px; color: green; }