// Styles for 960px and up (60*16) // Helpers .wrapper60 { @include proper-clearfix; } .nowrapper60 { @include no-proper-clearfix; } .availability-panel { .content { top: 50%; width: 30%; min-height: 10px; right: 50%; margin-left: -80px; left: auto; width: em-calc(380px); @include transform(translateY(-50%) translateX(-110px)); .close { display: none; } .h1 { font-size: em-calc($fs-3); } .btn-group { .btn { @include border-radius(3px); margin-top: -2px; width: 100%; margin-left: 0; &:first-child { margin-top: 0; @include border-radius(3px 3px 0 0); } &:last-child { @include border-radius(0 0 3px 3px); } } } } .bg { display: none !important; } } .availability-interactive, .building-interactive { background-image: image-url('usp-background-medium.jpg'); min-height: 1180px; &.dusk { min-height: 500px; background-image: image-url('usp-background-dusk-medium.jpg'); .building { @include transform(translateY(200px)); } } .building { width: 962px; } } .building-interactive.dusk.no-parallax { min-height: 900px; .building { @include translateY(0); } }