/*
Theme Name: Safi Law Group
Description: Safi Law Group
*/

body {
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size:16px;
}
h1 {
    font-family: 'Libre Baskerville', serif;
    font-size: 3em;
    letter-spacing: -0.03em;
    font-weight:400;
}
#home h1 {
    font-family: 'Libre Baskerville', serif;
    font-size: 5.8em;
    text-align:center;
    letter-spacing: -0.01em;
    color:#FFF;
    width:70%;
    margin:0 auto;
    display:inline-block;
    font-weight: 400;
}
h2 {
    font-family: 'Libre Baskerville', serif;
    font-size: 2em;
    letter-spacing: -0.03em;
    font-weight: 400;
}
h3 {
    font-family: 'Libre Baskerville', serif;
    font-size: 1.6em;
    font-weight: 500;
    letter-spacing: -0.03em;
    font-weight: 400;
}
p, li {
    font-weight:300;
    line-height:1.75em;
    color:#444;
}
.moved{
	background-color:#d3a634;
	padding:5px;
	color:#FFF !important;
	font-size:16px;
	text-align:center;
}
.quadmenu-sticky-wrapper li.quadmenu-item-level-0  .quadmenu-text {
    color:#FFF
}
.quadmenu-sticky-wrapper li.quadmenu-item-level-1 .quadmenu-text {
    color: #333
}

.quadmenu-sticky-wrapper .quadmenu-caret {
    color:#d3a634 !important
}
a:link, a:active, a:visited {
    text-decoration: none;
    color: #d3a634;
	font-weight:600;
}
a:hover {
    color: #0d0c4a
}

/*GLOBAL STYLES*/
section {
    margin:0px 0px;
    padding:80px 0px;
}
.landing-page section{
	padding:20px;
}
    section.noPad {
        margin:0px;
    }
    section.noPadBtm {
        margin:80px 0px 0px 0px;
    }
    section.noPadTop {
        margin:0px 0px 80px 0px !important;
    }
    section#footer {
        padding:0px !important;
    }
h2.sectionHeader {
    color:#333;
    font-size:3em !important;
    text-align:center
}
.inline {
    display: inline-block !important
}
.bie{
	width:100px;
	display:inline-block;
}
.landing-page .oneThird .orange{
	background-color:#D3A634;
	padding:20px;
}
.landing-page .oneThird .orange p, .landing-page .oneThird .orange h2, .landing-page .oneThird .orange h3, .landing-page .oneThird .orange label, .landing-page .oneThird .orange span{
	color:#FFF;
	text-shadow:1px 1px 2px #9b7a29
}    
.clear {
    clear: both
}

.text-center {
    text-align: center !important
}
.text-right {
    text-align:right !important
}
.text-left {
    text-align: left !important
}

.container {
    width:85%;
    margin:0 auto;
}
.left {
    float: left
}

.right {
    float: right
}

.oneThird {
    width: 30.3333333333333333333%
}

.twoThirds {
    width: 65.6666666666666666666%
}

.forty {
    width: 40%
}

.sixty {
    width: 60%
}

.half {
    width: 45%
}
.middle{
	margin:0 auto;
	width:80%;
}
.greyBG {
    background-color: #f9f9f9;
}

.practiceAreas h2 {
    font-size:1.4em;
    margin:5px 0px;
}
.practiceAreas p {
    font-size:0.9em;
    line-height:1.5em;
}
.grid30 {
    width:28%;
    display:inline-block;
    margin:1.5%;
    vertical-align:top;
}
.iconGrey {
    color:#999;
    vertical-align:top;
    font-size:4em;
    text-align:center
}
.catList div{
	display:inline-block;
	margin:8px 10px;
}
.quickConsultation {
    background-image: url(images/bg.edmonton-lawfirm-safi-law-group.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
}
    .quickConsultation h2 {
        color:#FFF;
        font-size:3em;
    }
    .quickConsultation p {
        color:#d3a634
    }
    .quickConsultation label {
        color:#d3a634 !important;
        font-weight:400 !important
    }
    .quickConsultation input, .quickConsultation textarea {
        background:rgba(255,255,255,0.1) !important;
        color:#FFF !important;
        font-family:'Montserrat', sans-serif;
        font-size:0.9em;
        border:1px solid rgba(255,255,255,0.2) !important
    }
    .quickConsultation .wpforms-field-label-inline {
        font-size:0.9em !important
    }

#footer .blue {
    height:60px;
    background-color:#0d0c4a;
    width:60%;
    float:left;
}
#footer .yellow {
    height: 60px;
    background-color: #d3a634;
    width: 40%;
    float:right
}
.footerLeft {
    padding: 20px 0px 20px 0px;
    padding-left:10%;
    text-align: left;
    width:50%;
    float:left
}/* 60% width */

.footerRight {
    padding: 20px 0px 20px 0px;
    padding-right:10%;
    width:30%;
    float:right;
}
/* 40% width */

.footerLeft div ul {
    list-style: none !important;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    margin:0 auto;
    display:inline-block
}

    .footerLeft div ul li {
        display: inline-block;
    }

.footerLeft ul li a:link, .footerLeft ul li a:active, .footerLeft ul li a:visited {
    color: #0d0c4a;
    padding: 5px;
    font-size: 0.8em;
    margin: 10px 5px;
    text-decoration: none
}

.footerLeft ul li a:hover {
    color: #cbb422
}
.footerRight .footerLogo {
    display:inline-block;
    width:75px;
    vertical-align:top;
    text-align:right;
    margin-left:40px; 
}
    .footerRight .footerLogo img {
        width:100%;
        height:auto
    }
.footerRight .footerInfo {
    width:auto;
    display:inline-block;
    vertical-align:top;
    margin-left:20px;
}
section.forInformation {
    position: relative;
    z-index: 100
}
.footerRight p {
    margin-left: 0px;
    margin-right: 30px;
    padding:0px;
    margin-top:0px;
    margin-bottom:0px;
    line-height:1.25;
    font-size:0.9em;
}
    .footerRight p b {
        font-size:1.2em !important;
    }

.ratingz table {
    width:100% !important;
    border:1px solid transparent;
    font-weight:300;
    font-size:0.9em;
    line-height:1.5
}
    .ratingz table th {
        text-align:left !important;
        background-color:#F9F9F9;
        padding:10px;
    }
    .ratingz table tr:first-child td {
        padding: 10px 10px;
    }

    .ratingz table tr {
        border-bottom:1px solid #FF0000
    }
        .ratingz table tr td {
            padding: 20px 10px;
        }


    /*END OF GLOBAL STYLES*/
    /*  	Header */
    #topHeader {
        margin: 20px 0px 20px 0px;
        padding-bottom: 0px;
        text-transform: uppercase;
        font-size: 0.8em;
    }
        #topHeader .oneThird.right {
            text-align:right
        }
        #topHeader a.lrg {
            font-size:1.3em !important;
            font-weight:600
        }
#header hr {
    border:none;
    height:1px;
    background-color:#d3a634
}
.menu {
}
.logo {
    margin: 10px 0px 15px 0px;
}
    .logo img {
        width: 100%;
        height: auto;
        max-width: 350px;
    }
#homeBanner {
    background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    height:500px;
    text-align:center;
    padding:150px 50px 100px 50px;
    margin-bottom:50px;
}
    #homeBanner h2 {
        font-family:Montserrat, sans-serif;
        font-size:1.6em;
        color:#FFF;
        font-weight:400;
        text-align:center;
        margin:20px 0px 40px 0px;
    }
        #blogBanner {
            background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            text-align: center;
            padding: 50px;
            margin-bottom: 50px;
			display:block;
        }

            #blogBanner h2 {
                font-family: Montserrat, sans-serif;
                font-size: 4em;
                color: #FFF;
                font-weight: 400;
                text-align: center;
                margin: 20px 0px 20px 0px;
            }
        #landingBanner {
            background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 150px !important;
            text-align: center;
            margin-bottom: 0px;
			display:block;
        }


a.btnYellow:link, a.btnYellow:active, a.btnYellow:visited {
    background-color:#d3a634;
    text-align:center;
    text-transform:uppercase;
    color:#333;
    padding:10px 20px;
    font-size:0.8em;
    margin-top:10px;
    display:inline-block
}
a.btnYellow:hover {
    background-color: #0d0c4a;
    color: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.practiceAreas a:link, .practiceAreas a:active, .practiceAreas a:visited, a.btnYellowSm:link, a.btnYellowSm:active, a.btnYellowSm:visited {
    background-color: #d3a634;
    text-align: center;
    text-transform: uppercase;
    color: #FFF !important;
    padding: 5px 15px;
    font-size: 0.7em;
    font-weight: 500;
    letter-spacing: 0em;
    margin-top: 10px;
    display: inline-block
}
.practiceAreas a:hover, a.btnYellowSm:hover {
    background-color: #0d0c4a;
    color: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.btnBlueSm:link, a.btnBlueSm:active, a.btnBlueSm:visited {
    background-color: #0d0c4a;
    text-align: center;
    text-transform: uppercase;
    color: #FFF !important;
    padding: 7px 12px;
    padding: 7px 12px;
    font-size: 0.7em;
    font-weight: 500;
    letter-spacing: 0em;
    margin-top: 10px;
    display: inline-block
}

a.btnBlueSm:hover {
    background-color: #d3a634;
    color: #FFF;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}




.teaser {
    width: 28%;
    padding: 2.5%;
    background-image: url();
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    display: inline-block;
    vertical-align: top
}
    .teaser h2 {
        font-weight:400;
        color:#FFF;
        font-size:2em;
        text-transform:uppercase;
        font-family:'Montserrat', sans-serif;
        position:relative;
        padding-bottom:8px;
    }
        .teaser h2 strong {
            font-weight:600;
        }
        .teaser h2:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            height: 1px;
            width: 30%; /* or 100px */
            border-bottom: 3px solid #d3a634;
        }
    .teaser p {
        color:#FFF;
        font-size:0.9em;
    }


/* CONTENT PAGE */
ol.breadcrumb {
    margin:0px;
    padding:0px;
}
#contentBanner {
    background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    text-align: center;
    padding: 70px 50px 0px 50px;
    margin-bottom: 0px;
    position:relative;
}
    #contentBanner h2 {
        font-size: 4vw;
        color: #FFF;
    }


body#content.finalizing-contracts #contentBanner {
    background-image: url(images/banners/bnr.finalizing-contracts-with-edmonton-lawyer.jpg);
}
body#content.happy-family #contentBanner {
    background-image: url(images/banners/bnr.happy-family-arms-in-the-air.jpg);
}
body#content.father-with-daughter #contentBanner {
    background-image: url(images/banners/bnr.father-with-daughter.jpg);
}
body#content.child-with-family #contentBanner {
    background-image: url(images/banners/bnr.edmonton-guardianship-child-custody-parenting-agreement-law-firm.jpg);
}
body#content.adopted-child #contentBanner {
    background-image: url(images/banners/bnr.private-adoptions-alberta-lawyer.jpg);
}
body#content.car-accident-injury #contentBanner {
    background-image: url(images/banners/bnr.motor-vehicle-accident-injury-alberta.jpg);
}
body#content.canadian-immigration-lawyer #contentBanner {
    background-image: url(images/banners/bnr.canadian-immigration-lawyer.jpg);
}
body#content.hands-on-table-divorce #contentBanner {
    background-image: url(images/banners/bnr.family-law-divorce-separation.jpg);
}
body#content.downtown-edmonton #contentBanner {
    background-image: url(images/banners/bnr.edmonton-law-office-safi-law-group.jpg);
}
body#content.signing-will #contentBanner {
    background-image: url(images/banners/bnr.wills-estate-planning-administration-edmonton.jpg);
}
body#content.team-photo #contentBanner {
    background-image: url(images/banners/bnr.safi-law-group-team-photo.jpg);
}
body#content.civil-litigation #contentBanner {
    background-image: url(images/banners/bnr.civil-litigation-edmonton-lawyer.jpg);
}
body#content.property-division #contentBanner {
    background-image: url(images/banners/bnr.property-lawyer-edmonton.jpg);
}
body#content.real-estate #contentBanner {
    background-image: url(images/banners/bnr.edmonton-real-estate-lawyer-buying-selling-property.jpg);
}
body#content.real-estate-fees #contentBanner {
    background-image: url(images/banners/bnr.edmonton-real-estate-fees.jpg);
}


body#content.adopted-child #contentBanner h2 {
    position: absolute;
    bottom: 30px;
    left: 50px;
    z-index: 9000;
}




#content h1 {
    margin: 0px
}




    /* IMAGES */
.sideColImage img, .sideImg img {
    width: 100%;
    height: auto;
}
.featuredImageCaption, #featuredImageCaption {
    background-color:#d3a634;
    padding:5%;
}
    #featuredImageCaption p, .featuredImageCaption p {
        font-size:0.8em;
        color:#FFF;
        font-style:italic !important;
        margin:0px;
        padding:0px;
    }
.featuredImage img {
    width: 100% !important;
    height: auto;
}
    .contentImgRight {
        float: right;
        margin: 0px 0px 25px 30px;
        width: 40%;
        height:auto !important
    }

    .contentImgRight img {
        width: 100%;
        height: auto !important
    }
.imgFull {
    width:100%;
    height:auto;
    margin:25px 0px;
}



.blogPost{
		width:100%;
		margin:2%;
		padding-bottom:50px;
		display:inline-block;
		vertical-align:top;
		border-radius:4px;
		border-bottom:1px solid #EEE;
		background-color:#FFF;
}
.blogPost .blogPhoto{
	width:25%;
	display:inline-block;
	vertical-align:top;
}
.blogPost .blogPostContent {
	text-align:left;
	padding:2%;
	width:60%;
	display:inline-block;
	vertical-align:top;
}
.blogPost img{
		width:100%;
		height:auto;
		border-radius:5px 5px 0px 0px;
}
.blogPost h2{
	margin-top:0px;
	font-size:1.6em;
}







/* END OF CONTENT PAGE */

@media screen and (min-width:1000px) and (max-width:1100px) {
    section {
        width: auto
    }

        section.content {
            padding-top: 30px;
        }

    .oneThird, .twoThirds, .forty, .sixty, .half {
        width: 100%
    }

}
@media screen and (min-width:1000px) and (max-width:1790px) {
    .logoMenu .oneThird.left {
        width:auto;
        float:none;
        text-align:center
    }
    .logoMenu .twoThirds.right{
        float:none;
        width:auto;
        text-align:center
    }
	
    .logo {
        margin:0 auto;
    }
}
    @media screen and (min-width:1000px) and (max-width:1400px) {
        .container {
            width: 95%;
        }

        #home h1 {
            font-size: 4em;
            width: auto
        }

        #homeBanner {
            background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            text-align: center;
            padding: 80px 50px 100px 50px;
            margin-bottom: 50px;
        }

            #homeBanner h2 {
                font-family: Montserrat, sans-serif;
                font-size: 1.4em;
                color: #FFF;
                font-weight: 400;
                text-align: center;
                margin: 20px 0px 40px 0px;
            }

        #contentBanner {
            background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 150px;
            text-align: center;
            width: 90%;
            padding-top: 50px;
            padding-left: 5%;
            padding-bottom: 50px;
            padding-right: 5%;
            margin-bottom: 0px;
            position: relative;
        }

        div.container.logoMenu {
            width: 100%;
            margin: 0 auto;
        }

        .logo {
            margin-bottom: 5px;
            text-align: center
        }

            .logo img {
                width: 300px;
            }


        .menu {
            margin-top: 0px;
            padding-top: 0px;
            text-align: center
        }

        section.content {
            padding-top: 30px;
        }

        .teaser {
            width: 28%;
            padding: 2.5%;
            background-image: url();
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 350px;
            display: inline-block;
        }

            .teaser h2 {
                font-weight: 400;
                color: #FFF;
                font-size: 1.4em;
                text-transform: uppercase;
                font-family: 'Montserrat', sans-serif;
                position: relative;
                padding-bottom: 8px;
            }

                .teaser h2 strong {
                    font-weight: 600;
                }

                .teaser h2:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    height: 1px;
                    width: 30%; /* or 100px */
                    border-bottom: 3px solid #d3a634;
                }

            .teaser p {
                color: #FFF;
                font-size: 0.9em;
                line-height: 1.5
            }

        .iconGrey {
            color: #999;
            vertical-align: top;
            font-size: 3em;
            text-align: center
        }
    }

    @media screen and (min-width:800px) and (max-width:999px) {
        .container {
            width: 90%;
        }
		.middle{
			margin:0 auto;
			width:90%;
		}

        .left, .right {
            float: none;
        }

        .menu {
            margin-top: 0px;
            background-color: #F9F9F9;
            padding: 0px 30px;
            border-radius: 4px 4px 0px 0px;
            margin-bottom: 0px;
        }
        .footerLeft .menu {
            background:none;
        }

        section {
            width: auto
        }

        .logo {
            text-align: center
        }

            .logo img {
                width: 450px;
            }

        .oneThird, .twoThirds, .forty, .sixty, .half {
            width: auto
        }

        .grid30 {
            display: inline-block;
            width: 40%;
            margin: 2.5%;
        }
		.blogPost{
			width:40%;
		}
		.blogPost .blogPhoto{
			width:100%;
			display:inline-block;
			vertical-align:top;
		}
		.blogPost .blogPostContent{
			width:100%;
			margin-top:30px;
		}


        .iconGrey {
            color: #999;
            vertical-align: top;
            font-size: 3em;
            text-align: center
        }

        #home h1 {
            font-size: 2.8em;
            width: auto;
        }

        #homeBanner {
            background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            text-align: center;
            width: 90%;
            padding-top: 80px;
            padding-left: 5%;
            padding-bottom: 100px;
            padding-right: 5%;
            margin-bottom: 50px;
        }

            #homeBanner h2 {
                font-family: Montserrat, sans-serif;
                font-size: 1.2em;
                color: #FFF;
                font-weight: 400;
                text-align: center;
                margin: 20px 0px 40px 0px;
            }

        #contentBanner {
            background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 150px;
            text-align: center;
            width: 90%;
            padding-top: 50px;
            padding-left: 5%;
            padding-bottom: 50px;
            padding-right: 5%;
            margin-bottom: 0px;
        }

        .teaser {
            width: 28%;
            padding: 2.5%;
            background-image: url();
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 380px;
            display: inline-block;
        }

            .teaser h2 {
                font-weight: 400;
                color: #FFF;
                font-size: 1.4em;
                text-transform: uppercase;
                font-family: 'Montserrat', sans-serif;
                position: relative;
                padding-bottom: 8px;
            }

                .teaser h2 strong {
                    font-weight: 600;
                }

                .teaser h2:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    height: 1px;
                    width: 30%; /* or 100px */
                    border-bottom: 3px solid #d3a634;
                }

            .teaser p {
                color: #FFF;
                font-size: 0.9em;
                line-height: 1.5
            }

        .quickConsultation h2 {
            font-size: 2em;
        }

        .footerRight .footerLogo {
            width: 65px
        }

        .footerRight .footerInfo {
            margin-left: 10px;
        }
    }

    @media screen and (max-width:799px) {

        .container {
            width: 80%;
            margin: 0 auto;
        }
		.middle{
			margin:0 auto;
			width:100%;
		}

        .menu {
            margin-top: 0px;
            background-color: #F9F9F9;
            padding: 0px 30px;
            border-radius: 4px 4px 0px 0px;
            margin-bottom: 0px;
        }
        .footerLeft .menu {
            background: none;
        }

        .left, .right {
            float: none;
        }
		.blogPost{
			width:100%;
		}
		.blogPost .blogPhoto{
			width:100%;
			display:inline-block;
			vertical-align:top;
		}
		.blogPost .blogPostContent{
			width:100%;
			margin-top:30px;
		}

        section {
            width: auto
        }

            section.content {
                padding-top: 30px;
            }

        .oneThird, .twoThirds, .forty, .sixty, .half {
            width: auto
        }

        .practiceAreas .left.oneThird {
            float: left;
            width: 30%;
        }

        .practiceAreas .right.twoThirds {
            float: right;
            width: 65%;
        }

        #header {
            width: auto;
            padding: 0px;
            margin: 0px;
            position: relative
        }

        #topHeader p {
            font-size: 0.8em;
        }

        #topHeader .oneThird.left {
            float: left;
        }

        #topHeader .oneThird.right {
            float: right
        }

        #topHeader .oneThird {
            width: 40%;
        }

            #topHeader .oneThird a {
                white-space: nowrap
            }

        #topHeader a.consult {
            white-space: normal !important
        }

        .logoMenu {
        }

        .logo {
            margin: 20px 0px 20px 0px;
            z-index: 1000;
            text-align: center
        }

            .logo img {
                width: 100%;
                height: auto;
                max-width: 350px;
            }

        .iconGrey {
            color: #999;
            vertical-align: top;
            font-size: 4em;
            text-align: center
        }

        #home h1 {
            font-size: 2.4em;
            width: auto;
        }

        #content h1 {
            font-size: 2.4em;
        }

        #content h2 {
            font-size: 2.0em;
        }

        #homeBanner {
            background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            text-align: center;
            width: 90%;
            padding-top: 80px;
            padding-left: 5%;
            padding-bottom: 100px;
            padding-right: 5%;
            margin-bottom: 50px;
        }

            #homeBanner h2 {
                font-family: Montserrat, sans-serif;
                font-size: 1.2em;
                color: #FFF;
                font-weight: 400;
                text-align: center;
                margin: 20px 0px 40px 0px;
            }

        #contentBanner {
            background-image: url(images/banners/bnr.edmonton-law-firm-safi-law-group.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            text-align: center;
            width: 90%;
            padding-top: 50px;
            padding-left: 5%;
            padding-bottom: 50px;
            padding-right: 5%;
            margin-bottom: 0px;
        }

        body#content.adopted-child #contentBanner h2 {
            position: relative;
            bottom: 0;
            left: 0;
            top: 0;
            right: 0;
            float: left;
            z-index: 9000;
        }

        .services .container {
            width: auto;
        }

        .teaser {
            width: 90%;
            padding: 10% 5%;
            background-image: url();
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            height: auto;
            display: block;
        }

            .teaser h2 {
                font-weight: 400;
                color: #FFF;
                font-size: 1.4em;
                text-transform: uppercase;
                font-family: 'Montserrat', sans-serif;
                position: relative;
                padding-bottom: 8px;
            }

                .teaser h2 strong {
                    font-weight: 600;
                }

                .teaser h2:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    height: 1px;
                    width: 30%; /* or 100px */
                    border-bottom: 3px solid #d3a634;
                }

            .teaser p {
                color: #FFF;
                font-size: 0.9em;
            }



        .grid30 {
            display: block;
            width: auto;
            margin: 25px 0px;
        }

        .quickConsultation h2 {
            font-size: 2em;
        }
        /* IMAGES */
        .contentImgRight {
            float: none;
            margin: 25px 0px;
            width: 100%;
        }

            .contentImgRight img {
                width: 100%;
                height: auto
            }


        .footerLeft {
            padding: 20px 0px 20px 0px;
            padding-left: 0%;
            text-align: center !important;
            width: auto;
            float: none
        }

            .footerLeft div ul {
                text-align: center;
                margin: 0px;
                padding: 0px;
                vertical-align: middle;
                margin: 0 auto;
                display: inline-block
            }
        /* 60% width */

        .footerRight {
            padding: 20px 0px 20px 0px;
            padding-right: 0%;
            width: auto;
            float: none;
            text-align: center
        }
        /* 40% width */

    }
	@media screen and (max-width:699px){
		.blogPost{
			width:90%;
		}
		.container{
			width:85%
		}
	}
    @media screen and (max-width:399px) {
        /*.logo {
        top:60px;
    }
    .logo img {
        width: 100%;
        height: auto;
        max-width: 220px;
    }
        */
    }