*,
    body {
        padding: 0
    }
    
    h2,
    h3 {
        color: #0D4776
    }
    
    h4,
    h5 {
        color: #C14F8B;
        font-weight: 400
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    ol,
    p {
        font-weight: 400
    }
    
    a,
    h1,
    ol,
    p {
        color: #000
    }
    
    #home-header,
    #home-intro,
    #social-top,
    #social-top-home,
    #web-banner-home {
        overflow: hidden;
        margin: 0 auto
    }
    
    * {
        margin: 0
    }
    
    html {
        font-size: 100%
    }
    
    body {
        margin: 0 auto;
        background: #FFF;
        color: #58595B
    }
    
    body,
    td,
    th {
        font-family: arial, sans-serif
    }
    
    input,
    option,
    select,
    textarea {
        font-family: arial, helvetica, sans-serif;
        font-size: 10pt
    }
    
    h1,
    h2,
    h3,
    h4,
    h5 {
        font-family: georgia, serif
    }
    
    h1 {
        font-size: 26pt
    }
    
    h2 {
        font-size: 18pt;
        line-height: 20pt
    }
    
    h3 {
        font-size: 15pt;
        line-height: 18pt
    }
    
    h4 {
        font-size: 20pt;
        margin-bottom: 5px
    }
    
    h5 {
        font-size: 15pt;
        margin-bottom: 10px
    }
    
    ol,
    p {
        font-size: 11pt;
        font-family: arial, helvetica, sans serif;
        margin: 10px 0;
        line-height: 15pt
    }
    
    .bold,
    .burgundy-intro,
    .green-intro,
    .pink-intro,
    .purple-intro,
    a {
        font-weight: 700
    }
    
    .h4-noline {
        margin-bottom: 0;
        border-bottom: 0 solid #b9afa3
    }
    
    a {
        text-decoration: none
    }
    
    a:hover {
        color: #7A003C
    }
    
    img {
        border: none
    }
    
    .white {
        color: #fff
    }
    
    .black {
        color: #000
    }
    
    .dark-grey {
        color: #58595B
    }
    
    .light-grey {
        color: #A6A8AB
    }
    
    .burgundy,
    .burgundy-intro {
        color: #7A003C
    }
    
    .green,
    .green-intro {
        color: #51BFB6
    }
    
    .purple,
    .purple-intro {
        color: #90278E
    }
    
    .pink,
    .pink-intro {
        color: #C3899B
    }
    
    .copy-needed {
        color: #0CF
    }
    
    .quote {
        font-style: italic;
        color: #C14F8B
    }
    
    .space {
        width: 900px;
        height: 20px;
        margin: 0 auto;
        background-color: #000
    }
    
    .indent {
        margin-left: 20px
    }
    
    .family-box {
        border: 1px solid #7A003C;
        margin: 20px 0 0;
        padding: 12px 20px;
        overflow: hidden;
        font-style: italic
    }
    
    #social-divider,
    #social-divider-home {
        border-top: 1px solid #51BFB6;
        clear: both
    }
    
    #home-header,
    #web-banner-home,
    .home-telephone {
        width: 940px;
        padding: 0 230px
    }
    
    .home-telephone {
        margin: 0;
        font-style: bold;
        font-weight: 20pt;
        color: #FFF;
        font-family: georgia, serif
    }
    
    #web-banner-home {
        height: 104px
    }
    
    #social-top,
    #social-top-home {
        width: 940px;
        height: 38px;
        padding: 0 230px
    }
    
    #social-top ul,
    #social-top-home ul {
        width: 120px;
        list-style-type: none;
        float: right
    }
    
    #social-top li,
    #social-top-home li {
        width: 38px;
        height: 38px;
        margin: 0 0 0 2px;
        display: block;
        float: left;
        text-align: right
    }
    
    #social-top a,
    #social-top-home a {
        text-transform: none;
        text-decoration: none
    }
    
    #social-divider-home {
        height: 0
    }
    
    #social-divider {
        height: 1px
    }
    
    #home-header {
        height: 803px;
        background: url(../images/thomas-boyd-whyte-backdrop.jpg) no-repeat
    }
    
    #home-intro {
        width: 500px;
        padding: 300px 0 0;
        text-align: center
    }
    
    .home-intro-header {
        color: #58595B;
        font-size: 20pt
    }
    
    .home-intro-para {
        color: #58595B
    }
    
    .home-intro-cta {
        color: #58595B;
        font-weight: 700
    }
    
    .home-conveyancing-button a,
    .home-criminal-button a,
    .home-family-button a,
    .home-probate-button a {
        font-family: arial, sans-serif;
        font-weight: 400;
        overflow: hidden
    }
    
    #home-buttons {
        width: 500px;
        margin: 0 auto;
        overflow: hidden;
        padding: 60px 0 0
    }
    
    #home-buttons-left {
        width: 150px;
        float: left;
        overflow: hidden;
        margin: 0 200px 0 0
    }
    
    #home-buttons-right {
        width: 150px;
        float: right;
        margin: 0;
        overflow: hidden
    }
    
    .home-conveyancing-button,
    .home-criminal-button,
    .home-family-button,
    .home-probate-button {
        width: 130px;
        height: 20px;
        margin: 0 0 20px;
        padding: 10px 0;
        text-align: center
    }
    
    .home-criminal-button {
        background-color: #7A003C
    }
    
    .home-criminal-button a {
        color: #FFF
    }
    
    .home-criminal-button a:hover {
        color: #999
    }
    
    .home-family-button {
        background-color: #51BFB6
    }
    
    .home-family-button a {
        color: #FFF
    }
    
    .home-family-button a:hover {
        color: #000
    }
    
    .home-probate-button {
        background-color: #90278E
    }
    
    .home-probate-button a {
        color: #FFF
    }
    
    .home-probate-button a:hover {
        color: #999
    }
    
    .home-conveyancing-button {
        background-color: #C3899B
    }
    
    #header,
    #home-lower {
        width: 940px;
        margin: 0 auto
    }
    
    .home-conveyancing-button a {
        color: #FFF
    }
    
    #header-nav a,
    #header-nav-divisions a {
        display: block;
        font-family: arial, helvetica, sans-serif;
        font-size: 11pt;
        text-transform: none;
        text-decoration: none
    }
    
    .home-conveyancing-button a:hover {
        color: #000
    }
    
    #home-lower {
        height: 407px;
        overflow: hidden;
        padding: 0 230px;
        background: url(../images/thomas-boyd-whyte-lower.jpg) no-repeat
    }
    
    #header {
        height: 105px;
        padding: 20px 230px 0;
        position: relative;
        z-index: 99
    }
    
    #logo {
        float: left;
        width: 280px;
        margin: 0 0 0 20px
    }
    
    #header-right {
        width: 640px;
        margin: 28px 0 0;
        float: right
    }
    
    #header-nav {
        width: 660px;
        height: 31px;
        margin: 10px 0;
        float: right
    }
    
    #header-nav ul {
        width: 660px;
        list-style-type: none;
        float: right
    }
    
    #header-nav li {
        float: right;
        margin: 0 0 0 20px
    }
    
    #header-nav a {
        font-weight: 700;
        text-align: right;
        color: #A6A8AB
    }
    
    #header-nav .active a,
    #header-nav a:hover {
        color: #7A003C
    }
    
    #header-nav-divisions {
        width: 800px;
        height: 30px;
        margin: 20px 0 0 0;
        float: right;
        position: relative;
        z-index: 999
    }
    
    #header-nav-divisions ul {
        width: 800px;
        list-style-type: none;
        float: right
    }
    
    #header-nav-divisions li {
        width: 120px;
        float: right;
        margin: 0 0 0 2px
    }
    
    #header-nav-divisions a {
        height: 21px;
        font-weight: 400;
        padding: 9px 12px 3px;
        text-align: center;
        color: #FFF
    }
    
    .criminal-button {
        background-color: #58595B
    }
    
    .criminal-button a:hover {
        background-color: #7A003C
    }
    
    .criminal-button .active a {
        background-color: #A6A8AB
    }
    
    .family-button {
        background-color: #58595B
    }
    
    .family-button .active a,
    .family-button a:hover {
        background-color: #51BFB6
    }
    
    .probate-button {
        background-color: #58595B
    }
    
    .probate-button .active a,
    .probate-button a:hover {
        background-color: #90278E
    }
    
    .conveyancing-button {
        background-color: #58595B
    }
    
    .conveyancing-button .active a,
    .conveyancing-button a:hover {
        background-color: #C3899B
    }
    
    #header-nav-divisions .drop_menu li {
        position: relative
    }
    
    #header-nav-divisions .drop_menu li ul {
        position: absolute;
        top: 33px;
        display: none;
        width: 100%;
        background: #58595B;
        padding-top: 0
    }
    
    #header-nav-divisions .drop_menu li.active ul,
    #header-nav-divisions .drop_menu li:hover ul {
        display: block
    }
    
    #header-nav-divisions .drop_menu li ul li {
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        border-top: 2px solid #880043
    }
    
    #header-nav-divisions .drop_menu li ul li a {
        padding: 8px 0
    }
    
    #header-nav-divisions .drop_menu li ul li a:hover {
        background: #880043
    }
    
    #header-nav-divisions .drop_menu li.family-button ul li {
        background: #58595B
    }
    
    #header-nav-divisions .drop_menu li.family-button ul li a:hover {
        background: #52c7bd
    }
    
    #header-nav-divisions .drop_menu li.conveyancing-button ul li {
        background: #58595B
    }
    
    #header-nav-divisions .drop_menu li.conveyancing-button ul li a:hover {
        background: #C3899B
    }
    
    #header-nav-divisions .drop_menu li.probate-button ul li {
        background: #58595B
    }
    
    #header-nav-divisions .drop_menu li.probate-button ul li a:hover {
        background: #90278E
    }
    
    #image-banner,
    #image-banner-dept {
        margin: 0 auto;
        background: #FFF;
        position: relative;
        z-index: 9;
        width: 1400px;
        overflow: hidden
    }
    
    #header-divider {
        clear: both;
        border-top: 2px solid #7A003C;
        height: 0
    }
    
    #header-divider-green {
        clear: both;
        border-top: 2px solid #51BFB6;
        height: 0
    }
    
    #header-divider-purple {
        clear: both;
        border-top: 2px solid #90278E;
        height: 0
    }
    
    #header-divider-pink {
        clear: both;
        border-top: 2px solid #C3899B;
        height: 0
    }
    
    #image-banner {
        height: 435px
    }
    
    #image-banner-dept {
        height: 349px
    }
    
    .image-banner-overlays {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 210px;
        z-index: 999;
        width: 1400px;
        margin: 0;
        padding: 0 20px;
        overflow: hidden
    }
    
    .image-banner-partners {
        width: 380px;
        height: 171px;
        margin: 0;
        z-index: 9999;
        padding: 178px 0 0 20px;
        overflow: hidden;
        border-bottom: 1px solid #51BFB6
    }
    
    .image-banner-intro {
        width: 400px;
        margin: 0;
        z-index: 9998;
        padding: 24px 0 0 20px;
        overflow: hidden;
        font-weight: 700
    }
    
    .image-banner-header,
    .image-banner-header-dept {
        margin: 0;
        z-index: 9997;
        float: right;
        bottom: 0;
        overflow: hidden;
        color: #FFF;
        font-size: 25pt;
        position: absolute;
        right: 0
    }
    
    .image-banner-header {
        width: 400px;
        top: 375px;
        left: 745px
    }
    
    .image-banner-header-dept {
        width: 800px;
        top: 20px;
        left: 250px
    }
    
    #grey-banner {
        clear: both;
        overflow: hidden;
        height: 70px;
        margin: 0 auto;
        background: #A6A8AB
    }
    
    .grey-banner-header {
        width: 920px;
        margin: 0 auto;
        overflow: hidden;
        color: #FFF;
        font-size: 25pt;
        font-weight: 400;
        padding: 20px 230px 20px 250px
    }
    
    #image-rotator>li>span {
        position: absolute;
        top: 50px;
        left: 230px;
        color: #fff;
        font-size: 20pt;
        font-family: georgia, serif
    }
    
    .about-quote,
    .welcome-quote {
        font-size: 18pt;
        line-height: 24pt;
        color: #7A003C
    }
    
    #image-rotator-dots {
        position: absolute;
        right: 230px;
        bottom: 100px;
        z-index: 9999
    }
    
    #image-rotator-dots li {
        display: inline-block;
        margin-right: 5px;
        list-style: none
    }
    
    #image-rotator-dots li a {
        display: block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 1px solid #aaabad
    }
    
    #page,
    .content-full {
        width: 940px;
        overflow: hidden
    }
    
    .about-quote,
    .criminal-sidebar-quote,
    .welcome-quote {
        border-top: 1px solid #51BFB6;
        border-left: 1px solid #51BFB6;
        font-family: georgia, serif
    }
    
    #image-rotator-dots li.activeSlide a {
        background: #aaabad
    }
    
    #page {
        margin: 0 auto;
        background-color: #FFF;
        padding: 20px 230px
    }
    
    .content-full {
        float: left;
        margin: 0;
        padding: 0 20px
    }
    
    .content-half-left {
        float: left;
        width: 400px;
        margin: 0 100px 0 20px
    }
    
    .content-half-right {
        float: left;
        width: 400px;
        margin: 0
    }
    
    .content-two-thirds-left {
        float: left;
        width: 590px;
        margin: 0 30px 0 20px
    }
    
    .content-one-third-right {
        float: left;
        width: 280px;
        margin: 0
    }
    
    .content-two-thirds-right {
        float: left;
        width: 590px;
        margin: 0 0 0 20px
    }
    
    .content-one-third-left {
        float: left;
        width: 280px;
        margin: 0 30px 0 20px
    }
    
    .content-one-third-left-divorce {
        float: left;
        width: 280px;
        margin: 0 20px
    }
    
     .trustpilot-widget {
        overflow: hidden;
        margin: 20px 0 20px 0;
    }
    
    .welcome-quote {
        width: 320px;
        overflow: hidden;
        padding: 39px 40px 0 39px;
        margin: 30px 0
    }
    
    .about-team {
        width: 400px;
        height: 252px;
        overflow: hidden;
        margin: 0
    }
    
    .about-quote {
        width: 280px;
        overflow: hidden;
        padding: 39px 60px 0 59px;
        margin: -4px 0 0
    }
    
    .criminal-menu-title {
        float: left;
        width: 280px;
        margin: 0 0 5px;
        font-weight: 700;
        font-size: 11pt;
        color: #7A003C
    }
    
    .criminal-menu-list {
        float: left;
        width: 280px;
        margin: 10px 0 0
    }
    
    .criminal-menu-list li,
    .criminal-menu-list ul {
        width: 280px;
        margin: 0;
        overflow: hidden;
        float: left
    }
    
    .criminal-menu-list ul {
        padding: 0 0 50px;
        list-style-type: none;
        border-top: 1px solid #51BFB6
    }
    
    .criminal-menu-list li {
        padding: 7px 0;
        border-bottom: 1px solid #000
    }
    
    .criminal-menu-list a {
        text-align: left;
        font-size: 11pt;
        line-height: 13pt;
        font-weight: 400;
        color: #666
    }
    
    .criminal-menu-list .active a,
    .criminal-menu-list a:hover {
        color: #7A003C
    }
    
    
    
    
    .blog-menu {
        width: 970px;
        margin: 0 auto;
        list-style-type: none;
        overflow: hidden
    }
    
    .blog-menu ul {
        width: 970px;
        list-style-type: none;
        padding: 30px 0 50px 0;
        float: left;
        overflow: hidden
    }
    
    .blog-menu li {
        width: 420px;
        height: 340px;
        margin: 0 65px 0px 0;
        display: block;
        float: left;
        text-align: left;
    }
    
    .blog-menu-image {
        width: 420px;
        height: 250px;
        margin: 0
    }
        
    .blog-menu-title {
        width: 420px
        margin: 0;
        padding: 10px 0 8px 0;
    	font-size: 15pt;
        font-family: georgia, serif;
        border-bottom: 1px solid #000000;
        line-height: 20pt;
        text-align: left
   	}
        
    .blog-image {
        width: 420px;
        height: 250px;
        margin: 10px 0 10px 0;
    }
           
    .blog-menu-title a {
        color: #7A003C
    }
    
    
    .blog-menu-list {
        float: left;
        width: 400px;
        margin: 10px 0 0 0
    }
    
    .blog-menu-list li,
    .blog-menu-list ul {
        width: 920px;
        margin: 0;
        overflow: hidden;
        float: left
    }
    
    .blog-menu-list ul {
        padding: 0 0 50px;
        list-style-type: none;
        border-top: 1px solid #000000
    }
    
    .blog-menu-list li {
        padding: 15px 0;
        border-bottom: 1px solid #000
    }
    
    .blog-menu-list a {
        text-align: left;
        font-size: 15pt;
        line-height: 17pt;
        font-weight: 400;
        color: #666
    }
    
    .blog-menu-list .active a,
    .blog-menu-list a:hover {
        color: #7A003C
    }
    
    
    
    
    .criminal-sidebar-quote {
        width: 220px;
        overflow: hidden;
        padding: 29px 30px 0 29px;
        margin: -4px 0 30px;
        font-size: 15pt;
        line-height: 19pt;
        color: #7A003C
    }
    
    .criminal-service-title {
        width: 590px;
        border-bottom: 1px solid #51BFB6;
        padding: 0 0 20px;
        margin: 10px 0 20px;
        font-size: 20pt;
        font-family: georgia, serif;
        line-height: 24pt;
        color: #7A003C
    }
    
    .criminal-menu-spacer {
        width: 590px;
        height: 19px;
        background-color: #FFF;
        margin: 0
    }
    
    .family-menu-title {
        float: left;
        width: 280px;
        margin: 0 0 5px;
        font-weight: 700;
        font-size: 11pt;
        color: #51BFB6
    }
    
    .family-menu-list {
        float: left;
        width: 280px;
        margin: 10px 0 0
    }
    
    .family-menu-list li,
    .family-menu-list ul {
        margin: 0;
        width: 280px;
        overflow: hidden;
        float: left
    }
    
    .family-menu-list ul {
        padding: 0 0 50px;
        list-style-type: none;
        border-top: 1px solid #7A003C
    }
    
    .family-menu-list li {
        height: 20x;
        padding: 7px 0;
        border-bottom: 1px solid #000
    }
    
    .family-menu-list a {
        overflow: hidden;
        width: 280px;
        height: 20x;
        text-align: left;
        font-size: 11pt;
        line-height: 13pt;
        font-weight: 400;
        color: #666
    }
    
    .family-menu-list .active a,
    .family-menu-list a:hover {
        color: #51BFB6
    }
    
    .family-sidebar-quote {
        border-top: 1px solid #7A003C;
        border-left: 1px solid #7A003C;
        width: 220px;
        overflow: hidden;
        padding: 29px 30px 0 29px;
        margin: -4px 0 30px;
        font-size: 15pt;
        font-family: georgia, serif;
        line-height: 19pt;
        color: #51BFB6
    }
    
    .family-service-title {
        width: 590px;
        border-bottom: 1px solid #7A003C;
        padding: 0 0 20px;
        margin: 10px 0 20px;
        font-size: 20pt;
        font-family: georgia, serif;
        line-height: 19pt;
        color: #51BFB6
    }
    
    .family-menu-spacer {
        width: 590px;
        height: 19px;
        background-color: #FFF;
        margin: 0
    }
    
    .conveyancing-menu-title {
        float: left;
        width: 280px;
        margin: 0 0 5px;
        font-weight: 700;
        font-size: 11pt;
        color: #C3899B
    }
    
    .conveyancing-menu-list {
        float: left;
        width: 280px;
        margin: 10px 0 0
    }
    
    .conveyancing-menu-list ul {
        float: left;
        width: 280px;
        margin: 0;
        padding: 0 0 50px;
        overflow: hidden;
        list-style-type: none;
        border-top: 1px solid #90278E
    }
    
    .conveyancing-menu-list li {
        float: left;
        width: 280px;
        height: 20x;
        margin: 0;
        padding: 7px 0;
        border-bottom: 1px solid #000;
        overflow: hidden
    }
    
    .conveyancing-menu-list a {
        overflow: hidden;
        width: 280px;
        height: 20x;
        text-align: left;
        font-size: 11pt;
        line-height: 13pt;
        font-weight: 400;
        color: #666
    }
    
    .conveyancing-menu-list .active a,
    .conveyancing-menu-list a:hover {
        color: #C3899B
    }
    
    .conveyancing-sidebar-quote {
        border-top: 1px solid #90278E;
        border-left: 1px solid #90278E;
        width: 220px;
        overflow: hidden;
        padding: 29px 30px 0 29px;
        margin: -4px 0 30px;
        font-size: 15pt;
        font-family: georgia, serif;
        line-height: 19pt;
        color: #C3899B
    }
    
    .conveyancing-service-title {
        width: 590px;
        border-bottom: 1px solid #90278E;
        padding: 0 0 20px;
        margin: 10px 0 20px;
        font-size: 20pt;
        font-family: georgia, serif;
        line-height: 19pt;
        color: #C3899B
    }
    
    .conveyancing-menu-spacer {
        width: 590px;
        height: 19px;
        background-color: #FFF;
        margin: 0
    }
    
    .probate-menu-title {
        float: left;
        width: 280px;
        margin: 0 0 5px;
        font-weight: 700;
        font-size: 11pt;
        color: #90278E
    }
    
    .email a,
    .form-label,
    .form-submit,
    .job-title {
        font-weight: 400
    }
    
    .probate-menu-list {
        float: left;
        width: 280px;
        margin: 10px 0 0
    }
    
    .probate-menu-list li,
    .probate-menu-list ul {
        margin: 0;
        overflow: hidden;
        width: 280px;
        float: left
    }
    
    .probate-menu-list ul {
        padding: 0 0 50px;
        list-style-type: none;
        border-top: 1px solid #C3899B
    }
    
    .probate-menu-list li {
        height: 20x;
        padding: 7px 0;
        border-bottom: 1px solid #000
    }
    
    .probate-menu-list a {
        overflow: hidden;
        width: 280px;
        height: 20x;
        text-align: left;
        font-size: 11pt;
        line-height: 13pt;
        font-weight: 400;
        color: #666
    }
    
    .probate-menu-list .active a,
    .probate-menu-list a:hover {
        color: #90278E
    }
    
    .probate-sidebar-quote {
        border-top: 1px solid #C3899B;
        border-left: 1px solid #C3899B;
        width: 220px;
        overflow: hidden;
        padding: 29px 30px 0 29px;
        margin: -4px 0 30px;
        font-size: 15pt;
        font-family: georgia, serif;
        line-height: 19pt;
        color: #90278E
    }
    
    .probate-service-title {
        width: 590px;
        border-bottom: 1px solid #C3899B;
        padding: 0 0 20px;
        margin: 10px 0 20px;
        font-size: 20pt;
        font-family: georgia, serif;
        line-height: 19pt;
        color: #90278E
    }
    
    .team-menu-name,
    .team-menu-name-conveyancing,
    .team-menu-name-family,
    .team-menu-name-probate {
        font-family: georgia, serif;
        font-size: 15pt
    }
    
    .probate-menu-spacer {
        width: 590px;
        height: 19px;
        background-color: #FFF;
        margin: 0
    }
    
    .team-menu {
        width: 940px;
        padding: 0 0 0 20px;
        margin: 0 auto;
        overflow: hidden
    }
    
    team-menu ul {
        width: 970px;
        list-style-type: none;
        float: left
    }
    
    .team-menu li {
        width: 280px;
        height: 280px;
        margin: 0 33px 30px 0;
        display: block;
        float: left;
        text-align: left
    }
    
    .team-menu-name,
    .team-menu-name-conveyancing,
    .team-menu-name-family,
    .team-menu-name-probate,
    .team-menu-title {
        width: 280px;
        text-align: center;
        margin: 0
    }
    
    .team-menu-headshot {
        width: 280px;
        height: 220px;
        border-bottom: 1px solid #51BFB6
    }
    
    .team-menu-headshot-family {
        width: 280px;
        height: 220px;
        border-bottom: 1px solid #7A003C
    }
    
    .team-menu-headshot-conveyancing {
        width: 280px;
        height: 220px;
        border-bottom: 1px solid #C3899B
    }
    
    .team-menu-headshot-probate {
        width: 280px;
        height: 220px;
        border-bottom: 1px solid #90278E
    }
    
    .team-menu-headshot a {
        opacity: 1
    }
    
    .team-menu-headshot a:hover {
        opacity: .7
    }
    
    .team-menu-name {
        color: #7A003C
    }
    
    .team-menu-name-family {
        color: #51BFB6
    }
    
    .team-menu-name-conveyancing {
        color: #C3899B
    }
    
    .team-menu-name-probate {
        color: #90278E
    }
    
    .team-menu-title {
        font-size: 11pt;
        color: #000
    }
    
    .criminal-team-intro,
    .family-team-intro {
        width: 920px;
        height: 220px;
        margin: 10px 0 20px 20px;
        padding: 0;
        float: left;
        overflow: hidden
    }
    
    .criminal-team-intro {
        border-bottom: 1px solid #51BFB6
    }
    
    .family-team-intro {
        border-bottom: 1px solid #7A003C
    }
    
    .job-title {
        font-size: 12pt;
        font-family: arial, helvetica, sans serif;
        color: #000
    }
    
    .team-headshot {
        float: left;
        width: 280px;
        margin: 0 30px 0 0
    }
    
    .team-details {
        float: right;
        width: 590px;
        margin: 0
    }
    
    .criminal-team-name,
    .green-team-name,
    .pink-team-name,
    .purple-team-name {
        margin: 40px 0 0;
        width: 590px
    }
    
    .criminal-team-name {
        color: #7A003C
    }
    
    .green-team-name {
        color: #51BFB6
    }
    
    .purple-team-name {
        color: #90278E
    }
    
    .pink-team-name {
        color: #C3899B
    }
    
    .team-bio {
        float: left;
        width: 590px;
        margin: 20px 0 0 20px
    }
    
    .email {
        margin: 90px 0 0
    }
    
    .email a {
        color: #7A003C
    }
    
    .email a:hover {
        color: #000
    }
    
    .contact-divider {
        width: 280px;
        height: 1px;
        border-top: 1px solid #A6A8AB;
        overflow: hidden;
        margin: 10px 0
    }
    
    .contact-form {
        width: 578px;
        overflow: hidden;
        margin: 0 0 30px;
        padding: 20px 30px 30px 0
    }
    
    .form-line {
        float: left;
        width: 540px;
        overflow: hidden
    }
    
    .form-label {
        width: 400px;
        float: left;
        color: #7A003C;
        margin: 0 0 5px
    }
    
    .contact-formField,
    .message-formField,
    .select-formField {
        margin: 0 0 5px 1px;
        overflow: hidden;
        float: left
    }
    
    .contact-formField {
        width: 530px;
        height: 20px;
        border: 1px solid #A6A8AB;
        padding: 3px
    }
    
    .select-formField {
        width: 539px;
        height: 30px;
        -webkit-appearance: none;
        border-radius: 0;
        border: 1px solid #A6A8AB;
        background: url(../images/select-banner.jpg) no-repeat;
        padding: 0 0 0 8px;
        background-position: right;
    }
    
    .message-formField {
        width: 530px;
        height: 150px;
        max-width: 530px;
        border: 1px solid #A6A8AB;
        padding: 3px
    }
    
    .warning {
        font-size: 10pt;
        color: #C14F8B
    }
    
    .privacy {
        margin: 30px 0 0;
        font-size: 8pt;
        line-height: 12pt
    }
    
    .form-submit {
        display: inline-block;
        text-align: left;
        margin: 10px 0 0;
        background-color: #7A003C;
        padding: 8px 15px;
        font-size: 16pt;
        font-family: georgia, serif
    }
    
    #success {
        display: inline-block;
        margin: 0 0 0 20px
    }
    
    .form-submit a {
        color: #FFF;
        background-color: #7A003C
    }
    
    .form-submit a:hover {
        color: #51BFB6
    }
    
    .contact-bullets {
        width: 250px;
        float: left;
        margin: 20px 0 0;
        overflow: hidden
    }
    
    .contact-bullets-header {
        width: 250px;
        float: left;
        margin: 0;
        overflow: hidden;
        font-weight: 700
    }
    
    .contact-bullets ul {
        width: 250px;
        float: left;
        overflow: hidden;
        list-style-type: none;
        padding: 0 0 20px 10px;
        margin: 0 0 20px;
        border-bottom: 1px solid #CCC
    }
    
    .contact-bullets li {
        width: 250px;
        height: 15px;
        float: left;
        display: block;
        text-align: left;
        margin: 5px 0 0;
        font-size: 10pt
    }
    
    .contact-bullets a {
        color: #000;
        font-size: 10pt;
        font-weight: 400
    }
    
    .contact-bullets a:hover {
        color: #999;
        font-size: 10pt;
        font-weight: 400
    }
    
    #footer-divider {
        clear: both;
        border-top: 1px solid #51BFB6;
        height: 5px
    }
    
    #footer-nav {
        width: 900px;
        margin: 0 auto;
        overflow: hidden;
        padding: 10px 250px 30px
    }
    
    .footer-nav-one,
    .footer-nav-two {
        float: left;
        width: 280px;
        overflow: hidden;
        margin: 0 30px 0 0
    }
    
    .footer-nav-three {
        float: left;
        width: 280px;
        overflow: hidden;
        margin: 0
    }
    
    .footer-nav-title {
        width: 180px;
        float: left;
        padding: 18px 0 0
    }
    
    .footer-nav-text {
        float: left
    }
    
    #footer-wrapper-burgundy {
        clear: both;
        overflow: hidden;
        background: url(../images/burgundy-footer.jpg) #7A003C
    }
    
    #footer-wrapper-green {
        clear: both;
        overflow: hidden;
        background: url(../images/green-footer.jpg) #51BFB6
    }
    
    #footer-wrapper-purple {
        clear: both;
        overflow: hidden;
        background: url(../images/purple-footer.jpg) #90278E
    }
    
    #footer-wrapper-pink {
        clear: both;
        overflow: hidden;
        background: url(../images/pink-footer.jpg) #C3899B
    }
    
    #footer {
        width: 900px;
        margin: 0 auto;
        padding: 20px 250px 30px;
        font-size: 8pt
    }
    
    .footer-header {
        font-size: 14pt;
        font-family: georgia, serif;
        color: #FFF
    }
    
    .twitter,
    .twitter-follow {
        font-family: arial, helvetica, sans-serif;
        font-weight: 400
    }
    
    #footer-contact {
        width: 150px;
        text-align: left;
        float: left;
        margin: 0 50px 0 0
    }
    
    .footer-sitemap-wrapper {
        width: 420px;
        text-align: left;
        float: left;
        margin: 0
    }
    
    .footer-sitemap,
    .footer-sitemap ul {
        width: 80px;
        height: 165px;
        text-align: left;
        list-style-type: none;
        float: left;
        margin: 0 30px 0 0
    }
    
    .footer-sitemap li {
        width: 80px;
        display: block;
        text-align: left;
        float: left;
        margin: 2px 0 0
    }
    
    .footer-sitemap a {
        width: 80px;
        text-align: left;
        font-size: 8pt;
        font-weight: 400;
        color: #FFF
    }
    
    .footer-sitemap a:hover {
        color: #000
    }
    
    #footer-twitter {
        float: left;
        width: 280px;
        overflow: hidden;
        margin: 0
    }
    
    .twitter-icon {
        float: left;
        width: 50px;
        height: 90px;
        margin: 0 10px 0 0;
        overflow: hidden
    }
    
    .twitter {
        width: 220px;
        float: left;
        margin: 0;
        font-size: 10pt;
        line-height: 13pt;
        color: #FFF;
        overflow: hidden
    }
    
    .twitter a {
        color: #000
    }
    
    .twitter a:hover {
        color: #FFF
    }
    
    .twitter-datestamp {
        color: #FFF;
        font-size: 8pt;
        margin: 3px 0 0
    }
    
    .twitter-follow {
        color: #FFF;
        font-size: 10pt;
        margin: 3px 0 0 140px
    }
    
    .twitter-follow a {
        color: #000
    }
    
    .legal,
    .legal a,
    .twitter-follow a:hover {
        color: #FFF
    }
    
    .legal {
        font-size: 8pt;
        line-height: 11pt
    }
    
    .legal a {
        font-weight: 400
    }
    
    .legal a:hover {
        color: #C3899B
    }
    
    #footer-signoff {
        width: 900px;
        height: 15px;
        margin: 0 auto;
        padding: 0 250px 10px;
        font-size: 8pt
    }
    
    .pwd,
    .signoff {
        font-size: 7pt
    }
    
    .signoff {
        color: #FFF;
        text-align: left;
        float: left
    }
    
    .pwd,
    .pwd a {
        color: #999
    }
    
    .pwd {
        text-align: right;
        float: right;
        font-weight: 400
    }
    
    .pwd a:hover {
        color: #C06
    }
    
    #footer .tbw-footer,
    #footer .tbw-footer a,
    .contact-review-button:focus,
    .contact-review-button:hover {
        color: #fff
    }
    
    .contact-review-button {
        text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        font-family: inherit;
        font-size: 100%;
        padding: .5em 1em;
        border: transparent;
        text-decoration: none;
        background: #7A003C;
        border-radius: 10px;
        color: #fff;
        width: 115px;
        text-align: center;
        display: block
    }
    
    #footer-wrapper-burgundy,
    #footer-wrapper-green,
    #footer-wrapper-pink,
    #footer-wrapper-purple {
        height: 280px;
        position: relative
    }
    
    #footer-wrapper-burgundy #footer-signoff,
    #footer-wrapper-green #footer-signoff,
    #footer-wrapper-pink #footer-signoff,
    #footer-wrapper-purple #footer-signoff {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 15px
    }
    
    table,
    th,
    td {
        border: 1px solid #CCCCCC;
        border-collapse: collapse;
        height: 18px;
        vertical-align: middle;
        padding: 4px;
        font-size: 10pt;
    }
    
    th {
        text-align: left;
    }
    
    .content-two-thirds-left ul {
        font-size: 11pt;
        font-family: arial, helvetica, sans serif;
        margin: 10px 0;
        line-height: 15pt;
        color: #000;
    }
    
    .content-two-thirds-left h2 {
        font-family: arial, helvetica, sans serif;
        font-size: 16pt;
        font-weight: 400;
    }
    /**
	 * Mobile Optimization
	
	 * xs - 767px
	 * sm - 1235px 
	 */
    
    @media (min-width: 768px) and (max-width: 1200px) {
        #image-banner,
        #image-rotator {
            width: 100%;
        }
        #web-banner-home {
            padding: 0;
        }
        #image-banner-dept {
            width: 100%;
        }
        .image-banner-header-dept {
            left: 130px;
        }
        #header {
            padding: 20px 0 0;
        }
        #page {
            padding: 20px 0;
        }
        .grey-banner-header {
            padding: 20px 0 20px 0;
        }
        #footer-nav {
            padding: 10px 0 30px;
        }
        #social-top,
        #social-top-home {
            padding: 0;
        }
        #footer {
            padding: 20px 0 30px;
        }
        .image-banner-header {
            top: 381px;
            left: 722px;
            font-size: 20px;
        }
    }
    
    @media (min-width: 768px) and (max-width: 984px) {
        #header,
        #home-lower {
            width: 769px;
        }
        #web-banner-home {
            width: 769px;
        }
        .contact-form {
            width: 407px;
            padding: 0;
            overflow: visible;
        }
        .form-line {
            width: 369px;
            overflow: visible;
        }
        .contact-formField,
        .select-formField,
        .message-formField {
            width: 359px;
        }
        #header-right {
            width: 469px;
        }
        .grey-banner-header {
            width: 749px;
        }
        #page,
        .content-full {
            width: 769px;
        }
        .content-half-left,
        .content-half-right {
            width: 377px;
        }
        .content-two-thirds-left {
            width: 419px;
        }
        .team-menu {
            width: 769px;
        }
        .team-menu li {
            width: 50%;
            margin: 0;
            margin-bottom: 30px;
        }
        .team-bio {
            width: 419px;
            margin-left: 14px;
        }
        .content-one-third-left {
            margin: 0;
            margin-right: 14px;
        }
        .criminal-service-title,
        .family-service-title,
        .probate-service-title,
        .conveyancing-service-title {
            width: 419px;
            line-height: 32px;
        }
        #header-nav ul,
        #header-nav {
            width: 489px;
        }
        .welcome-quote {
            width: 295px;
        }
        .content-one-third-left-divorce img {
            width: 100%;
        }
        #image-rotator-dots {
            right: 10px;
        }
        .twitter {
            width: 175px;
        }
        .content-one-third-left-divorce,
        .content-one-third-right {
            width: 223px;
        }
        .content-half-left,
        .content-two-thirds-left {
            margin: 0;
            margin-right: 14px;
        }
        #footer-nav {
            width: 729px;
        }
        .footer-nav-one,
        .footer-nav-two {
            width: 234px;
            margin: 0 14px 0 0;
        }
        .footer-nav-three {
            width: 233px;
        }
        #social-top,
        #social-top-home {
            width: 769px;
        }
        #footer {
            width: 729px;
        }
        .footer-sitemap-wrapper {
            width: 243px;
        }
        .footer-sitemap,
        .footer-sitemap ul {
            width: 50px;
        }
        #footer-twitter {
            width: 243px;
        }
        #footer-wrapper-burgundy #footer-signoff,
        #footer-wrapper-green #footer-signoff,
        #footer-wrapper-pink #footer-signoff,
        #footer-wrapper-purple #footer-signoff {
            width: 729px;
            padding: 0 0 10px;
        }
        .image-banner-header {
            display: none;
        }
    }
    
    @media (max-width: 767px) {
        *,
        *:after,
        *:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        #header {
            padding: 0;
            width: 100%;
            text-align: center;
            height: 100%;
        }
        #logo {
            float: none;
            width: 100%;
            margin: 0;
        }
        #header-right,
        #header-nav,
        #header-nav ul,
        #header-nav-divisions,
        #header-nav-divisions ul {
            width: 100%;
            // float: none;
        }
        #header-nav li,
        #header-nav-divisions li {
            // float: none;
            display: inline-block;
        }
        #header-nav-divisions {
            margin-bottom: 2px;
        }
        #header-nav-divisions .drop_menu li {
            width: auto;
        }
        #header-nav-divisions a {
            font-size: 11px;
            height: auto;
            padding: 10px 12px;
        }
        #web-banner-home {
            width: 100%;
            padding: 0;
            height: auto;
        }
        img {
            max-width: 100%;
            height: auto;
        }
        #page {
            padding: 0 14px;
            width: 100%;
        }
        .content-half-left {
            width: 100%;
            margin: 0;
        }
        .content-half-left,
        .content-half-right {
            width: 100%;
        }
        #footer-nav {
            width: 100%;
            padding: 0 14px;
        }
        .image-banner-intro {
            background: #fff;
            width: 100%;
            height: 256px;
            margin-top: -4px;
        }
        .image-banner-partners {
            border-bottom: 0;
        }
        .image-banner-overlays {
            width: 100%;
            left: 0;
            padding: 0;
            height: 100%;
        }
        #image-banner {
            width: 100%;
        }
        #social-top {
            width: 100%;
            padding: 0;
        }
        #image-rotator-dots {
            display: none;
        }
        #image-rotator img {
            max-width: inherit;
        }
        #image-banner {
            height: 280px;
        }
        #image-rotator>li>span {
            left: 85px;
            font-size: 25px;
        }
        .footer-nav-one,
        .footer-nav-two,
        .footer-nav-three {
            width: 100%;
            float: none;
            text-align: center;
        }
        .footer-nav-title {
            float: none;
            width: 100%;
        }
        .footer-nav-text {
            float: none;
        }
        .welcome-quote {
            text-align: center;
            width: 100%;
        }
        #footer {
            padding: 0 14px;
        }
        .footer-sitemap {
            width: 100%;
            height: auto;
        }
        .footer-sitemap ul {
            height: auto;
        }
        #footer-wrapper-burgundy #footer-signoff,
        #footer-wrapper-green #footer-signoff,
        #footer-wrapper-pink #footer-signoff,
        #footer-wrapper-purple #footer-signoff {
            text-align: center;
            width: 100%;
            padding: 0 14px;
            position: static;
        }
        #footer-twitter {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        #footer-wrapper-burgundy,
        #footer-wrapper-green,
        #footer-wrapper-pink,
        #footer-wrapper-purple {
            height: 100%;
        }
        #footer-wrapper-burgundy {
            background: #7A003C;
        }
        .grey-banner-header {
            width: 100%;
            padding: 20px 14px;
        }
        .content-two-thirds-left,
        .content-one-third-right,
        .content-one-third-left {
            width: 100%;
            margin: 0;
            float: none;
        }
        .contact-form {
            width: 100%;
        }
        .contact-divider {
            width: 100%;
        }
        iframe {
            width: 100%;
        }
        .form-line {
            width: 100%;
            float: none;
            overflow: visible;
            margin-bottom: 70px;
        }
        .form-label {
            width: 100%;
        }
        .contact-form {
            padding: 20px 0;
            overflow: visible;
        }
        .contact-formField,
        .select-formField {
            width: 100%;
            height: 40px;
        }
        .message-formField {
            width: 100%;
        }
        #social-divider {
            margin-bottom: 28px;
        }
        .contact-review-button {
            width: 100%;
        }
        .criminal-team-intro {
            width: 100%;
            float: none;
            height: auto;
        }
        .team-headshot {
            width: 100%;
            float: none;
        }
        .team-details {
            width: 100%;
            float: none;
        }
        .criminal-team-name {
            width: 100%;
            margin: 0;
            margin-top: 20px;
        }
        .job-title {
            margin-bottom: 20px;
        }
        .email {
            margin: 0;
        }
        .about-quote {
            width: 100%;
            padding: 30px;
        }
        .team-menu {
            width: 100%;
            padding: 0;
        }
        .team-menu li {
            width: 100%;
            text-align: center;
            margin: 0;
            margin-bottom: 30px;
        }
        .team-menu-headshot,
        .team-menu-headshot-probate,
        .team-menu-headshot-conveyancing,
        .team-menu-headshot-family {
            width: 100%;
            border-bottom: 0;
        }
        .team-menu-name,
        .team-menu-name-probate,
        .team-menu-name-conveyancing,
        .team-menu-name-family,
        .team-menu-title {
            width: 100%;
        }
        .team-bio {
            width: 100%;
            margin: 0;
        }
        .criminal-menu-list li,
        .criminal-menu-list ul,
        .criminal-menu-list,
        .family-menu-list li,
        .family-menu-list ul,
        .family-menu-list,
        .probate-menu-list li,
        .probate-menu-list ul,
        .probate-menu-list,
        .conveyancing-menu-list li,
        .conveyancing-menu-list ul,
        .conveyancing-menu-list {
            width: 100%;
            float: none;
        }
        .criminal-team-intro,
        .family-team-intro {
            margin: 0;
        }
        .criminal-menu-list ul,
        .family-menu-list ul,
        .probate-menu-list ul,
        .conveyancing-menu-list ul {
            padding: 0 0 15px;
        }
        .probate-service-title,
        .conveyancing-service-title,
        .family-service-title,
        .criminal-service-title {
            width: 100%;
            line-height: 35px;
        }
        .content-one-third-left-divorce {
            float: none;
            width: 100%;
            margin: 0;
        }
        #header-nav-divisions,
        #header-nav {
            padding-right: 14px;
        }
        .image-banner-header {
            display: none;
        }
        #image-banner-dept {
            width: 100%;
            height: auto;
        }
        .image-banner-header-dept {
            width: 75%;
            font-size: 28px;
            left: 35px;
            top: 32px;
        }
        .criminal-sidebar-quote,
        .conveyancing-sidebar-quote {
            width: 100%;
        }
        #header-nav li {
            float: none;
        }
        #header-nav-divisions li {
            float: none;
        }
        #header-nav {
            height: 100%;
        }
        #header-nav ul {
            display: flex;
            flex-wrap: wrap-reverse;
        }
        #header-nav li {
            width: 100%;
        }
        #header-nav li a {
            text-align: center;
            font-size: 20px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .grey-banner-header {
            font-size: 25px;
        }
    }
    
    .sidebar-form {
        border: 1px solid #eee;
        padding: 15px;
        margin-top: 20px;
        clear: both;
        width: 100%;
        box-sizing: border-box;
    }
    
    .sidebar-form .form-line {
        width: 100%;
        overflow: inherit;
    }
    
    .sidebar-form .form-label {
        width: 100%;
    }
    
    .sidebar-form .contact-formField {
        width: 100%;
        box-sizing: border-box;
    }
    
    .sidebar-form .select-formField {
        width: 100%;
        box-sizing: border-box;
    }
    
    .sidebar-form .message-formField {
        width: 100%;
        box-sizing: border-box;
    }
    
    .text-center {
        text-align: center;
    }
    
    .clearfix {
        clear: both;
    }
    
    .top-contact {
        float: left;
        margin: 10px;
        font-weight: bold;
        color: #000;
    }