@import 'vars'; @import 'mixins'; /* Landed by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) */ $size-wrapper-pad-tb: 4.5em; $size-wrapper-pad-lr: 2.5em; /* Basic */ body, input, select, textarea { font-size: 12pt; } /* Spotlight */ .spotlight { background-attachment: scroll; height: auto; .image.main { display: block; margin: 0; max-height: 40vh; overflow: hidden; } .content { background-color: $color-bg; border-width: 0 !important; border-top-width: 0.35em !important; bottom: auto !important; left: auto !important; padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - $size-element-margin) $size-wrapper-pad-lr !important; position: relative; right: auto !important; text-align: center; top: auto !important; width: 100% !important; } .goto-next { display: none; } } /* Wrapper */ .wrapper { padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - $size-element-margin) $size-wrapper-pad-lr; } /* Banner */ #banner { background-attachment: scroll; .goto-next { height: 7em; } .content { padding: ($size-wrapper-pad-tb * 2) 0; text-align: center; header { display: block; margin: 0 0 $size-element-margin 0; text-align: center; } .image { margin: 0; } } } /* Footer */ #footer { padding: $size-wrapper-pad-tb 0; }