.blue { color:rgb(0,39,84) ; }
.orange { color:rgb(242,99,41) ; }
.ltGrey { color:#b8babc; }
.dkGrey { color:#414042; }
.white { color:#fff; }
.black { color:#000; } @font-face {
font-family: "Gotham Condensed";
src: url(//www.cotteeplumbing.com.au/wp-content/themes/Divi-child/fonts/gc_three.woff2) format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
html { font-size:100%; }
h1 { 
color:#fff; 
font-family: 'Gotham Condensed', serif; 
line-height:.9em; 
text-transform:uppercase;
}
h2.goth {
color:#f26329; 
font-family: 'Gotham Condensed', serif; 
line-height: .9em; 
padding-top: 0px; 
text-transform: uppercase;
}
h3 { 
color:#002754; 
font-family: 'Gotham Condensed', serif; 
font-size:38px; 
line-height:.9em; 
text-transform:uppercase; 
}
h5.goth { 
color:#002754; 
font-family: 'Open Sans'; 
font-size: 20px; 
font-weight: 700; 
line-height: 1.15em; 
}
h5.goth a {
color: #002754;
transition: all .25s;
}
h5.goth a:hover {
color: #f26329;
}
p { text-align:justify; }
p.point-seven { text-align:left; width:100%; }
p a.discreet-link { color:#fff; text-decoration:none; }
p a.white-text-link { color:#f26329; text-decoration:none; transition: all .25s; }
p a.white-text-link:hover { color:#fff; text-decoration:none; } hr.grey { border:4px solid #b8babc; display:block; max-width:10vw; margin:15px auto 34px 0; text-align:left; width:96px; }
.orange-bullet ul li{ color: #3c3c3c; list-style: none; margin: 8px 0 0 1.1225em; padding: 0; position: relative;}
.orange-bullet ul li::before { color: #f26329; content: "\25AA"; font-size: 1em; left: -1.1225em; position: absolute; top: 0em; } .polygon-right {
-webkit-clip-path: none ;
clip-path: 
polygon(
0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0% 100%, 0% 100% );
}  .polygon-left {
clip-path: 
polygon(
0% 0%, 
0% 0%, 
100% 0%,    			
100% 0%,              
100% 100%,    
100% 100%,
90px 100%, 
0% calc(100% - 90px)
);
} .et_pb_module_header, 
.et_pb_fullwidth_header_subhead{
-webkit-animation: fadein 2s ease-in; -moz-animation: fadein 2s ease-in; -ms-animation: fadein 2s ease-in; -o-animation: fadein 2s ease-in; animation: fadein 2s ease-in;
}
.header-content .et_pb_button{
-webkit-animation: fadein 3s ease-in; -moz-animation: fadein 3s ease-in; -ms-animation: fadein 3s ease-in; -o-animation: fadein 3s ease-in; animation: fadein 3s ease-in;
}
@keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
} @-moz-keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
} @-webkit-keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
} @-ms-keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
} @-o-keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
}    span.mobile_menu_bar:before { color:#ffffff; font-size:40px; }
span.mobile_menu_bar { cursor:pointer; }
#top-menu-nav, 
#top-menu { display: none; } #et_top_search { display: none; }
#et_mobile_nav_menu { display: block!important; } .et_non_fixed_nav.et_transparent_nav #main-header, 
.et_non_fixed_nav.et_transparent_nav #top-header, 
.et_fixed_nav #main-header, 
.et_fixed_nav #top-header {
position: fixed; 
} #mobile_menu {
display: block !important;
height: calc(100vh - 80px);
right: 0;
position: fixed;
overflow: auto;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
-overflow-scrolling:touch!important;
-webkit-overflow-scrolling:touch!important;
} .mobile_nav.closed #mobile_menu, .mobile_nav.opened #mobile_menu {
background-color: rgba(252,252,252,0.97)!important;
border-top-color:#fff;
height: 100vh;
margin-top: -97px;
padding-top: 50px;
padding-left: 30px;
z-index:10;
}
.mobile_nav.closed #mobile_menu {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
} .mobile_nav.opened #mobile_menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.mobile_nav.opened .mobile_menu_bar:before { 
color:#002754; 
content:"\4d"; 
z-index:20; 
}
.et_mobile_menu .menu-item-has-children > a { 
background-color: rgba(0,0,0,.0)!important; 
font-weight:600!important; 
}
.et_mobile_menu li a:hover, 
.nav ul li a:hover { 
opacity: 1; 
background-color: rgba(0,0,0,.0)!important; 
color:#f26329!important; 
}
.et_mobile_menu li a { 
border-bottom: none !important;
font-size: 18px !important; 
padding: 10px 0 4px !important; 
}
.et_mobile_menu li ul li a {
font-size: 16px !important;
}
.et_mobile_menu li li { 
padding-left: 1% !important; 
color:#414042 !important; 
}
.et_mobile_menu li li::before { 
color:#b8babc; 
content: '\2013'; 
position:absolute; 
margin-left: -14px; 
margin-top:2px; 
}
.et_mobile_menu li li a { 
color:#414042 !important; 
padding: 4px 0 4px 0 !important; 
}
.et_mobile_menu li li a:hover { 
color:#f26329 !important;
}
.et_mobile_menu li ul li:last-child a {
color: #f26329 !important;
}
.et_mobile_menu li ul li:last-child a:hover  {
color: #002754 !important;
} #top-header #et-info{ 
float: right !important;
font-size: 17px !important;
}
#et-info-phone {
margin-right: 4px;
}
#et-info-phone, 
#et-info-phone a { 
font-weight: bold; 
letter-spacing:0.01em; 
}
#et-info-phone:hover {
opacity: 0.7;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#et-info-email { 
letter-spacing:0.01em; 
}
#et-info-phone a, 
#et-info-email a {
font-size: 17px !important;
}
#et-info-phone:before, 
#et-info-email:before { 
color:#f26329; 
padding-right:4px; 
}
#logo { 
margin-top:12px; 
}
.et_pb_fullwidth_header_overlay { 
overflow:visible;	
clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0% 100%, 0% 100%); 
z-index:4; 
} #suburbs h1 { 
font-size:56px;
}
#suburbs .header-content { 
width: 90vw; 
}    #services ul{}
#services ul li { 
color: #3c3c3c; 
list-style: none; 
margin: 8px 0 0 1.1225em; padding: 0;
position: relative;
}  
#services ul li::before {
color: #f26329;  
content: "\25AA"; font-size: 1em; left: -1.1225em; position: absolute; top: 0em; } .left-submit .et_contact_bottom_container {
float: left;
} #main-footer { 
background-image: url(https://www.cotteeplumbing.com.au/wp-content/uploads/2026/09/footer-watermark3.svg); 
background-size:contain; 
background-repeat:no-repeat; 
background-position:center; 
}
#et-footer-nav {
background-color: #04162d !important;
}
#text-4 { margin-left:5vw; 
padding-top:102px; 
}
.phone-icon {
font-size:20px; 
font-weight:600; 
line-height:1.1em; 
}
.email-icon { 
line-height:3em; 
}
.phone-icon::before, 
.email-icon::before { 
background-size: 20px 18px; 
color:#a3a5a8; 
content:""; 
display:inline-block; 
height:18px; 
margin-bottom:0; 
margin-right:16px; 
width:20px; }
.phone-icon::before { 
content: url(https://www.cotteeplumbing.com.au/wp-content/uploads/2019/08/icon-phone18x20.svg); 
}
.email-icon::before { 
content: url(https://www.cotteeplumbing.com.au/wp-content/uploads/2019/08/icon-email18x20.svg); 
}
.ams_creds { 
letter-spacing:.1em; 
font-size:90%; 
font-weight:100!important; 
text-decoration:none; 
}
.footer-addy { 
line-height:2em; 
}
#footer-info {
width:100%;
}
.bottom-nav li {
padding-right: 14px !important;
}
.bottom-nav a { 
font-size: 12px !important;
}
.cred_left {
float:left; 
width:60%;
}
.cred_right {
float:right; 
width:30%;
}
#menu-footer-menu.bottom-nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
padding: 11px 0 0px 0;
}
#menu-footer-menu.bottom-nav li {
margin: 1px 3px;
}  @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { } @media only screen 
and (min-width : 321px) { } @media only screen 
and (max-width : 539px) {
h1 { font-size:44px; } 
h2.goth { font-size:46px; }
h5.goth  { font-size:18px; }
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { } @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { } @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { } @media only screen 
and (min-width : 480px)
and (max-width : 979px) {
.et_pb_column.et_pb_column_1_5 { 
width:100%!important;
}
.et_pb_column.et_pb_column_1_5, .et_pb_row_5col > .et_pb_column.et_pb_column_1_5 { 
margin-right: 0 !important;
}
} @media only screen 
and (min-width : 540px) {
h1 { font-size:76px; }
#suburbs h1 { font-size:60px; }
.et_mobile_menu li li:before { margin-left: 2.75%; }
.mobile_nav.opened #mobile_menu {
-webkit-transform: translateX(40%);
-moz-transform: translateX(40%);
-ms-transform: translateX(40%);
-o-transform: translateX(40%);
transform: translateX(40%);
}
} @media only screen 
and (min-width : 768px) {
h1 { font-size:86px; }
h2.goth { font-size:66px; }
#suburbs h1 { max-width:660px; }
#suburbs .header-content { width: 80vw; }
.et_pb_fullwidth_header_overlay { clip-path:polygon(0% 0%, 0% 0%, 66% 0%,66% 0%, 66% calc(100% - 90px), calc(66% - 90px) 100%, 0% 100%, 0% 100%); }
.et_mobile_menu li li:before { margin-left: 3%; }
.mobile_nav.opened #mobile_menu {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
} @media only screen 
and (min-width : 980px) { .et_pb_fullwidth_header_overlay { clip-path:polygon(0% 0%, 0% 0%, 43% 0%,43% 0%, 43% calc(100% - 90px), calc(43% - 90px) 100%, 0% 100%, 0% 100%); }
.et_mobile_menu li li:before { margin-left: -14px; }
.mobile_nav.opened #mobile_menu {
-webkit-transform: translateX(60%);
-moz-transform: translateX(60%);
-ms-transform: translateX(60%);
-o-transform: translateX(60%);
transform: translateX(60%);
}
} @media only screen 
and (min-width : 1155px) {
#suburbs h1 { 
font-size:76px; 
max-width:720px;
}
#suburbs .header-content { 
width: 60vw; 
}
} @media only screen 
and (min-width : 1224px) { } @media only screen 
and (min-width : 1824px) { } @media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) { }.blue { color:rgb(0,39,84) ; }
.orange { color:rgb(242,99,41) ; }
.ltGrey { color:#b8babc; }
.dkGrey { color:#414042; }
.white { color:#fff; }
.black { color:#000; } @font-face {
font-family: "Gotham Condensed";
src: url(//www.cotteeplumbing.com.au/wp-content/themes/Divi-child/fonts/gc_three.woff2) format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
html { font-size:100%; }
h1 { 
color:#fff; 
font-family: 'Gotham Condensed', serif; 
line-height:.9em; 
text-transform:uppercase;
}
h2.goth {
color:#f26329; 
font-family: 'Gotham Condensed', serif; 
line-height: .9em; 
padding-top: 0px; 
text-transform: uppercase;
}
h3 { 
color:#002754; 
font-family: 'Gotham Condensed', serif; 
font-size:38px; 
line-height:.9em; 
text-transform:uppercase; 
}
h5.goth { 
color:#002754; 
font-family: 'Open Sans'; 
font-size: 20px; 
font-weight: 700; 
line-height: 1.15em; 
}
h5.goth a {
color: #002754;
transition: all .25s;
}
h5.goth a:hover {
color: #f26329;
}
p { text-align:justify; }
p.point-seven { text-align:left; width:100%; }
p a.discreet-link { color:#fff; text-decoration:none; }
p a.white-text-link { color:#f26329; text-decoration:none; transition: all .25s; }
p a.white-text-link:hover { color:#fff; text-decoration:none; } hr.grey { border:4px solid #b8babc; display:block; max-width:10vw; margin:15px auto 34px 0; text-align:left; width:96px; }
.orange-bullet ul li{ color: #3c3c3c; list-style: none; margin: 8px 0 0 1.1225em; padding: 0; position: relative;}
.orange-bullet ul li::before { color: #f26329; content: "\25AA"; font-size: 1em; left: -1.1225em; position: absolute; top: 0em; } .polygon-right {
-webkit-clip-path: none ;
clip-path: 
polygon(
0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0% 100%, 0% 100% );
}  .polygon-left {
clip-path: 
polygon(
0% 0%, 
0% 0%, 
100% 0%,    			
100% 0%,              
100% 100%,    
100% 100%,
90px 100%, 
0% calc(100% - 90px)
);
} .et_pb_module_header, 
.et_pb_fullwidth_header_subhead{
-webkit-animation: fadein 2s ease-in; -moz-animation: fadein 2s ease-in; -ms-animation: fadein 2s ease-in; -o-animation: fadein 2s ease-in; animation: fadein 2s ease-in;
}
.header-content .et_pb_button{
-webkit-animation: fadein 3s ease-in; -moz-animation: fadein 3s ease-in; -ms-animation: fadein 3s ease-in; -o-animation: fadein 3s ease-in; animation: fadein 3s ease-in;
}
@keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
} @-moz-keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
} @-webkit-keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
} @-ms-keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
} @-o-keyframes fadein {
0% { opacity: 0; }
60% { opacity: 0; }
100%   { opacity: 1; }
}    span.mobile_menu_bar:before { color:#ffffff; font-size:40px; }
span.mobile_menu_bar { cursor:pointer; }
#top-menu-nav, 
#top-menu { display: none; } #et_top_search { display: none; }
#et_mobile_nav_menu { display: block!important; } .et_non_fixed_nav.et_transparent_nav #main-header, 
.et_non_fixed_nav.et_transparent_nav #top-header, 
.et_fixed_nav #main-header, 
.et_fixed_nav #top-header {
position: fixed; 
} #mobile_menu {
display: block !important;
height: calc(100vh - 80px);
right: 0;
position: fixed;
overflow: auto;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
-overflow-scrolling:touch!important;
-webkit-overflow-scrolling:touch!important;
} .mobile_nav.closed #mobile_menu, .mobile_nav.opened #mobile_menu {
background-color: rgba(252,252,252,0.97)!important;
border-top-color:#fff;
height: 100vh;
margin-top: -97px;
padding-top: 50px;
padding-left: 30px;
z-index:10;
}
.mobile_nav.closed #mobile_menu {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
} .mobile_nav.opened #mobile_menu {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.mobile_nav.opened .mobile_menu_bar:before { 
color:#002754; 
content:"\4d"; 
z-index:20; 
}
.et_mobile_menu .menu-item-has-children > a { 
background-color: rgba(0,0,0,.0)!important; 
font-weight:600!important; 
}
.et_mobile_menu li a:hover, 
.nav ul li a:hover { 
opacity: 1; 
background-color: rgba(0,0,0,.0)!important; 
color:#f26329!important; 
}
.et_mobile_menu li a { 
border-bottom: none !important;
font-size: 18px !important; 
padding: 10px 0 4px !important; 
}
.et_mobile_menu li ul li a {
font-size: 16px !important;
}
.et_mobile_menu li li { 
padding-left: 1% !important; 
color:#414042 !important; 
}
.et_mobile_menu li li::before { 
color:#b8babc; 
content: '\2013'; 
position:absolute; 
margin-left: -14px; 
margin-top:2px; 
}
.et_mobile_menu li li a { 
color:#414042 !important; 
padding: 4px 0 4px 0 !important; 
}
.et_mobile_menu li li a:hover { 
color:#f26329 !important;
}
.et_mobile_menu li ul li:last-child a {
color: #f26329 !important;
}
.et_mobile_menu li ul li:last-child a:hover  {
color: #002754 !important;
} #top-header #et-info{ 
float: right !important;
font-size: 17px !important;
}
#et-info-phone {
margin-right: 4px;
}
#et-info-phone, 
#et-info-phone a { 
font-weight: bold; 
letter-spacing:0.01em; 
}
#et-info-phone:hover {
opacity: 0.7;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#et-info-email { 
letter-spacing:0.01em; 
}
#et-info-phone a, 
#et-info-email a {
font-size: 17px !important;
}
#et-info-phone:before, 
#et-info-email:before { 
color:#f26329; 
padding-right:4px; 
}
#logo { 
margin-top:12px; 
}
.et_pb_fullwidth_header_overlay { 
overflow:visible;	
clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0%, 100% calc(100% - 90px), calc(100% - 90px) 100%, 0% 100%, 0% 100%); 
z-index:4; 
} #suburbs h1 { 
font-size:56px;
}
#suburbs .header-content { 
width: 90vw; 
}    #services ul{}
#services ul li { 
color: #3c3c3c; 
list-style: none; 
margin: 8px 0 0 1.1225em; padding: 0;
position: relative;
}  
#services ul li::before {
color: #f26329;  
content: "\25AA"; font-size: 1em; left: -1.1225em; position: absolute; top: 0em; } .left-submit .et_contact_bottom_container {
float: left;
} #main-footer { 
background-image: url(https://www.cotteeplumbing.com.au/wp-content/uploads/2026/09/footer-watermark3.svg); 
background-size:contain; 
background-repeat:no-repeat; 
background-position:center; 
}
#et-footer-nav {
background-color: #04162d !important;
}
#text-4 { margin-left:5vw; 
padding-top:102px; 
}
.phone-icon {
font-size:20px; 
font-weight:600; 
line-height:1.1em; 
}
.email-icon { 
line-height:3em; 
}
.phone-icon::before, 
.email-icon::before { 
background-size: 20px 18px; 
color:#a3a5a8; 
content:""; 
display:inline-block; 
height:18px; 
margin-bottom:0; 
margin-right:16px; 
width:20px; }
.phone-icon::before { 
content: url(https://www.cotteeplumbing.com.au/wp-content/uploads/2019/08/icon-phone18x20.svg); 
}
.email-icon::before { 
content: url(https://www.cotteeplumbing.com.au/wp-content/uploads/2019/08/icon-email18x20.svg); 
}
.ams_creds { 
letter-spacing:.1em; 
font-size:90%; 
font-weight:100!important; 
text-decoration:none; 
}
.footer-addy { 
line-height:2em; 
}
#footer-info {
width:100%;
}
.bottom-nav li {
padding-right: 14px !important;
}
.bottom-nav a { 
font-size: 12px !important;
}
.cred_left {
float:left; 
width:60%;
}
.cred_right {
float:right; 
width:30%;
}
#menu-footer-menu.bottom-nav {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
padding: 11px 0 0px 0;
}
#menu-footer-menu.bottom-nav li {
margin: 1px 3px;
}  @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { } @media only screen 
and (min-width : 321px) { } @media only screen 
and (max-width : 539px) {
h1 { font-size:44px; } 
h2.goth { font-size:46px; }
h5.goth  { font-size:18px; }
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { } @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { } @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { } @media only screen 
and (min-width : 480px)
and (max-width : 979px) {
.et_pb_column.et_pb_column_1_5 { 
width:100%!important;
}
.et_pb_column.et_pb_column_1_5, .et_pb_row_5col > .et_pb_column.et_pb_column_1_5 { 
margin-right: 0 !important;
}
} @media only screen 
and (min-width : 540px) {
h1 { font-size:76px; }
#suburbs h1 { font-size:60px; }
.et_mobile_menu li li:before { margin-left: 2.75%; }
.mobile_nav.opened #mobile_menu {
-webkit-transform: translateX(40%);
-moz-transform: translateX(40%);
-ms-transform: translateX(40%);
-o-transform: translateX(40%);
transform: translateX(40%);
}
} @media only screen 
and (min-width : 768px) {
h1 { font-size:86px; }
h2.goth { font-size:66px; }
#suburbs h1 { max-width:660px; }
#suburbs .header-content { width: 80vw; }
.et_pb_fullwidth_header_overlay { clip-path:polygon(0% 0%, 0% 0%, 66% 0%,66% 0%, 66% calc(100% - 90px), calc(66% - 90px) 100%, 0% 100%, 0% 100%); }
.et_mobile_menu li li:before { margin-left: 3%; }
.mobile_nav.opened #mobile_menu {
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
} @media only screen 
and (min-width : 980px) { .et_pb_fullwidth_header_overlay { clip-path:polygon(0% 0%, 0% 0%, 43% 0%,43% 0%, 43% calc(100% - 90px), calc(43% - 90px) 100%, 0% 100%, 0% 100%); }
.et_mobile_menu li li:before { margin-left: -14px; }
.mobile_nav.opened #mobile_menu {
-webkit-transform: translateX(60%);
-moz-transform: translateX(60%);
-ms-transform: translateX(60%);
-o-transform: translateX(60%);
transform: translateX(60%);
}
} @media only screen 
and (min-width : 1155px) {
#suburbs h1 { 
font-size:76px; 
max-width:720px;
}
#suburbs .header-content { 
width: 60vw; 
}
} @media only screen 
and (min-width : 1224px) { } @media only screen 
and (min-width : 1824px) { } @media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) { }