/* FONTS */
    /* BOLD:700 */      @font-face { font-family:"Circular"; src:url("https://youaredoinggood.com.au/assets/fonts/Circular Bold.woff2") format("woff2"),url("https://youaredoinggood.com.au/assets/fonts/Circular Bold.woff") format("woff"),url("https://youaredoinggood.com.au/assets/fonts/Circular Bold.otf") format("opentype"); font-style:normal;font-weight:700; }
    /* BOOK:400 */      @font-face { font-family:"Circular"; src:url("https://youaredoinggood.com.au/assets/fonts/Circular Book.woff2") format("woff2"),url("https://youaredoinggood.com.au/assets/fonts/Circular Book.woff") format("woff"),url("https://youaredoinggood.com.au/assets/fonts/Circular Book.otf") format("opentype"); font-style:normal;font-weight:400; }
    /* MEDIUM:500 */    @font-face { font-family:"Circular"; src:url("https://youaredoinggood.com.au/assets/fonts/Circular Medium.woff2") format("woff2"),url("https://youaredoinggood.com.au/assets/fonts/Circular Medium.woff") format("woff"),url("https://youaredoinggood.com.au/assets/fonts/Circular Medium.otf") format("opentype"); font-style:normal;font-weight:500; }
    /* LIGHT:300 */     @font-face { font-family:"Circular"; src:url("https://youaredoinggood.com.au/assets/fonts/CircularAir-Light.woff2") format("woff2"),url("https://youaredoinggood.com.au/assets/fonts/CircularAir-Light.woff") format("woff"),url("https://youaredoinggood.com.au/assets/fonts/CircularAir-Light.otf") format("opentype"); font-style:normal;font-weight:300; }
    
body{
    font-family: Circular;
    font-weight: 400;
    font-size: 25px;
    padding: 0;
    margin: 0;
}
div {box-sizing: border-box;}
img{display: block; max-width: 100%;}
.container{ width:calc(100% - 120px); max-width: 1640px; margin-left:auto; margin-right:auto; }
.text-center{text-align: center;}
.text-right{text-align: right;}
div#page-wrapper { overflow-x: hidden; }
/* GRID */
    .row{ display:flex; flex-wrap:wrap; }
    .row.row-reverse{flex-direction: row-reverse;}
        .row.row-v-center { align-items: center; }
        .col-fluid { flex: auto; }
        .col-1 {flex-basis:calc(1/12 * 100%); max-width: calc(1/12 * 100%);}
        .col-2 {flex-basis:calc(2/12 * 100%); max-width: calc(2/12 * 100%);}
        .col-3 {flex-basis:calc(3/12 * 100%); max-width: calc(3/12 * 100%);}
        .col-4 {flex-basis:calc(4/12 * 100%); max-width: calc(4/12 * 100%);}
        .col-5 {flex-basis:calc(5/12 * 100%); max-width: calc(5/12 * 100%);}
        .col-6 {flex-basis:calc(6/12 * 100%); max-width: calc(6/12 * 100%);}
        .col-7 {flex-basis:calc(7/12 * 100%); max-width: calc(7/12 * 100%);}
        .col-8 {flex-basis:calc(8/12 * 100%); max-width: calc(8/12 * 100%);}
        .col-9 {flex-basis:calc(9/12 * 100%); max-width: calc(9/12 * 100%);}
        .col-10 {flex-basis:calc(10/12 * 100%); max-width: calc(10/12 * 100%);}
        .col-11 {flex-basis:calc(11/12 * 100%); max-width: calc(11/12 * 100%);}
        .col-12 {flex-basis:calc(12/12 * 100%); max-width: calc(12/12 * 100%);}


        .col-7.image-extend-left .img-extend-wrapper {margin-left: calc(86% - 50vw);}
        .col-7.image-extend-right .img-extend-wrapper {margin-right: calc(86% - 50vw);}

    section{padding-top:80px; padding-bottom:80px;}
    section.no-padding{padding:0;}
    section.xs-padding{padding-top:15px; padding-bottom:15px;}
    section#icon-block .row { text-align: center; }
    section#social-impact .btn{margin-top:50px;}
    .header-text { padding-left: 30px; }
    .video_twogood_bg {width: 100%; background-color: black;}

    h2 { font-size: 35px; }
    h2.large { font-size: 55px; font-weight: 500; }
    h3 { font-size: 30px; }
    .h4-state { font-size: 20px; text-align: left; padding: 5px 15px; }
    .bgColour { display:inline-block ;background-color: black;color: white; border-radius:25px; }



    .col-2.col-sm-none.icon-block-sep { position: relative; }
    .col-2.col-sm-none.icon-block-sep span { display: block; position: absolute; width: 2px; left: calc(50% - 1px); background: black; top: 0; bottom: 0; }
    
    .counter { font-size: 80px; font-weight: 300; }
    .btn { border: 2px solid black; display: inline-block; padding: 18px 30px; text-decoration: none; color: black; min-width: 290px; border-radius: 40px; transition: all ease-in 200ms; text-align: center;}
    .btn.btn-center { margin-left: auto; margin-right: auto; }
    .btn:hover { background: black; color: white; }
    
    .image-extend-left img { border-radius: 0 500px 500px 0; border-width: 15px 15px 15px 0; border-color: black; border-style: solid; }
    .image-extend-right img { border-radius: 500px 0 0 500px; border-width: 15px 0 15px 15px; border-color: black; border-style: solid; }
    .image-extend-left + div { padding-left: 90px; }
    .image-extend-right + div { padding-right: 80px; }
    
    
    .icon-block-symbol { position: relative; }   
    .icon-block-symbol p { font-size: 80px; font-weight: 300; position: absolute; bottom: 20%; text-align: center; width: 100%; margin: 24px 0; }
 
    
    section#footer {}
        section#footer ul.socials { list-style: none; padding: 0; display: flex; align-items: center; justify-content: center; }
        section#footer ul.socials a { margin: 15px; display: block; }
        section#footer .footer-logo { margin: 0 auto; display: block; }
        section#footer .footer-bottom img { display: block; margin-left: auto; }
        section#footer .footer-bottom { margin-top: -90px; }
        section#footer .footer-bottom a { color: black; }
        section#footer .footer-top { border-top: 2px solid black; margin-top: -40px; padding-top: 85px; }



    .icon-block-item img { display: block; margin: 0 auto; }
    section#hero img { min-height: 350px; object-fit: cover; }
    .lendlease { max-width:105px;}
        
    @media only screen and (max-width: 1520px){
        .btn { min-width: 240px; }
        body{font-size:20px;}
        .counter {font-size: 70px;} 
    }
    
    @media only screen and (max-width: 1200){
        .btn { min-width: 200px; }
    
    }
        
        

        
    @media only screen and (max-width:992px){
        .container{ width:calc(100% - 30px);}
        .col-sm-1 {flex-basis:calc(1/12 * 100%); max-width: calc(1/12 * 100%);}
        .col-sm-2 {flex-basis:calc(2/12 * 100%); max-width: calc(2/12 * 100%);}
        .col-sm-3 {flex-basis:calc(3/12 * 100%); max-width: calc(3/12 * 100%);}
        .col-sm-4 {flex-basis:calc(4/12 * 100%); max-width: calc(4/12 * 100%);}
        .col-sm-5 {flex-basis:calc(5/12 * 100%); max-width: calc(5/12 * 100%);}
        .col-sm-6 {flex-basis:calc(6/12 * 100%); max-width: calc(6/12 * 100%);}
        .col-sm-7 {flex-basis:calc(7/12 * 100%); max-width: calc(7/12 * 100%);}
        .col-sm-8 {flex-basis:calc(8/12 * 100%); max-width: calc(8/12 * 100%);}
        .col-sm-9 {flex-basis:calc(9/12 * 100%); max-width: calc(9/12 * 100%);}
        .col-sm-10 {flex-basis:calc(10/12 * 100%); max-width: calc(10/12 * 100%);}
        .col-sm-11 {flex-basis:calc(11/12 * 100%); max-width: calc(11/12 * 100%);}
        .col-sm-12 {flex-basis:calc(12/12 * 100%); max-width: calc(12/12 * 100%);}
        .col-sm-none{ display:none;}
        .col-7.image-extend-left .img-extend-wrapper {margin-left: calc(50% - 50vw);width: 80vw; margin-right:auto;}
        .col-7.image-extend-right .img-extend-wrapper { width: 80vw; margin-right: calc(50% - 50vw); margin-left: auto; }
        .image-extend-left + div { padding-left: 0; }
        .image-extend-right + div { padding-right: 0; }
        section#footer .footer-bottom { width: 100%; margin: 0 auto; flex-direction: column-reverse; }
        section#footer .footer-bottom img { margin-bottom: 30px; display: block; }
        section#social-impact .col-4.col-sm-12+ .col-4.col-sm-12 { margin-top: 50px; }
        .col-2.col-sm-none.icon-block-sep + div, .col-2.col-sm-none.icon-block-sep + div+ div, .col-2.col-sm-none.icon-block-sep + div + div + div { margin-top: 70px; }
        .btn {width: 150px; margin-left:auto; margin-right:auto;}
}

@media only screen and (max-width:650px){
    body{font-size:16px}
    section{padding-top:30px}
    section{padding-bottom:30px}
    h2.large {font-size:42px}
    h2{font-size:30px;}
    .counter {font-size:50px;}
    section#footer .footer-top{margin-top:0;}
    h3 {font-size:16px}
    .icon-block-symbol p{font-size:40px; margin-top:0;bottom: 0;top: 46%;align-items: center;display: flex;justify-content: center;margin: 0;}
    section#icon-block { font-size: 14px; }
    section#icon-block br { display: none; }
    
    /*header logos mobile*/
    .logo_lendlease { max-width:50px;}
    .logo_twogood {max-width:32px;}
   .video_twogood{ height: 450px; bottom: 0;} 
    .header-text{ padding-left: 8px;}
    

}