$blue: #39deea; .house .map img { background: none !important;} .house .map { height:234px; width:100%; margin-bottom: 8px; @include breakpoint(gamma){ float: left; max-width: 33%; } @include breakpoint(delta){ max-width: 44%; } @include breakpoint(epsilon){ max-width: 50.5%; } } .house #gmap_canvas { height:234px; max-width:100%; } .house main { @include constrain_wide;} .house .picwide { background: none; max-width: 100%; margin-left: 0; margin-right: 0; @include breakpoint(epsilon){ width: 1280px; } } .flist { @extend %clearfix; @include constrain(900px); @include fancy_sans; @include fontsize(18); margin-top: 4em; text-align: left; list-style-position: inside; color: #393939; li { margin: 1.5em 0; min-height: 140px; } li:first-of-type { margin-top: 0 ;} h3 { @include fontsize(24); max-width: 100%; font-weight: 400; margin: .25em 0 0 0; padding-top: .15em; } .inner{ display: inline-block; width: 22px; height: 22px; border-radius: 30em; position: absolute; top: 19px; left: 19px; background: white url("/media/img/check.png") 50% 50% no-repeat; background-size: 15px; } .outer { display: inline-block; float: left; width: 60px; height: 60px; margin: 10px 40px 90px 0; background: $blue; border-radius: 30em; position: relative; } } .fsubhed { @extend %clearfix; @include constrain(1140px); clear: both; margin-top: 6em; margin-bottom: 6em; h2 { margin-top: 0; float: left; position: relative; font-weight: 400; @include fontsize(32); //&:after { // content: ""; // position: absolute; // top: 50%; // height: 2px; // width: 200px; // display: block; // margin-top: -3px; // margin-left: 3em; // background-color: #e5e5e5; //} } p { @include constrain(800px); float: right; } a, a:visited, a:hover { color: $blue; } } .house { a, a:visited, a:hover { color: $blue; } b { @include fancy_sans; } } .house .image-cluster { margin-bottom: 3em; } .house .post--article h1 { @include fancy_sans; margin-top: 2.2em; margin-bottom: 1em; }