html{ width: 100%; height: 100%; } body{ position: relative; margin: 0 auto; padding: 0; padding-bottom: 1.5rem; width: 100%; height: 100%; box-sizing: border-box; font-family: Roboto,sans-serif; font-weight: 400; font-size: 0.75rem; background: #292421; color: #fff; overflow-x: hidden; overflow-y: scroll; } body > .container{ padding-top: 1rem; min-height: 100%; } #background{ position: fixed; top: 0; left: 0; width:100%; height: 100%; background-image: url('https://wanna.cab/img/background-1.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 1; filter: blur(0); z-index: -100; transition: all 250ms linear; } #background.unfocus{ top: -7.5%; left: -7.5%; width:115%; height: 115%; opacity: 0.4; filter: blur(4px); } #powered{ position: fixed; right: 1rem; bottom: 0.75rem; width: 112px; height:14px; background-image: url('https://wanna.cab/img/powered_by_google_on_non_white.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 100; } #debugViewer, #debugViewer.false{ display: none; } #debugViewer.true{ display: block; } .relative{ position: relative; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .display-1, .display-2, .display-3, .display-4{ font-weight: 300; line-height: 1; margin-bottom: 1.5rem; } .h1, h1{ font-size: 250%; letter-spacing: -1px; } .h2, h2{ font-size: 200%; letter-spacing: -1px; } .h3, h3{ font-size: 175%; letter-spacing: -1px; } .h4, h4{ font-size: 150%; } .h5, h5{ font-size: 125%; } .h6, h6{ font-size: 100%; } .display-1{ font-weight: 100; font-size: 600%; letter-spacing: -2px; } .display-2{ font-weight: 100; font-size: 550%; letter-spacing: -1px; } .display-3{ font-weight: 100; font-size: 450%; letter-spacing: -1px; } .display-4{ font-weight: 100; font-size: 350%; letter-spacing: -1px; } a, button, .clickable{ cursor: pointer; transition: all 250ms ease; } a{ display: inline-block; color: #ffc13c; background-color: inherit; transform: scale(1); margin-left: 0; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; } a:hover, a:focus, a:active{ color: #ffc13c; transform: scale(1.125); margin-left: 1.25%; text-decoration: none; } *:disabled, .disabled{ cursor: not-allowed!important; } .btn-group-xl > .btn, .btn-xl{ padding: .75rem 1.5rem; font-size: 1.75rem; font-weight: 300; line-height: 1.5; border-radius: .3rem; } .btn-ghost{ color: #fff; background-color: transparent; border-color: #fff; } .btn-ghost:hover, .btn-ghost:focus{ color: #fff; background-color: #292421; background-color: rgba(0,0,0,0.6); } strong, .strong{ font-weight: 700; } dl, ol, ul{ margin-left: 0; padding-left: 1.5rem; } @-webkit-keyframes autofill{ to{ color: #666; background: transparent; } } input:-webkit-autofill{ -webkit-animation-name: autofill; -webkit-animation-fill-mode: both; } .map{ height: 0; padding-top: 56.525vh; } hr{ border-top-color: #ddd; } input, textarea{ font-family: inherit; color: inherit; } .btn, .progress, .card, .card-header, .form-control, .input-group-addon{ } button > i.fa-chevron-down{ transform: rotate(0); transition: all 350ms ease; } button[aria-expanded=true] > i.fa-chevron-down{ transform: rotate(180deg); } div[data-toggle="collapse"][aria-expanded="false"] > .fa{ transform: rotate(0); } div[data-toggle="collapse"][aria-expanded="true"] > .fa{ transform: rotate(180deg); } @media only screen and ( min-width: 768px ){ body{ font-size: 1rem; } } @media only screen and ( min-width: 992px ){ #map{ padding-top: 33.333%; } }