/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* Color Scheme ================================================== #POTTERY BARN BLUE = #678A9E #DIJON MUSTARD = #B29D74 #Dark Navy Blue = #04212D #Coral Blue = #3C91E6 #White = #FFFFFF #Black = #333230 */ /* #Site Styles ================================================== */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } img {max-width: 100%;} html{height:100%} /* sticky header - home ================================================== */ .header {position: fixed;top: 0;left: 0;width: 100%;padding: 0;z-index: 10000;transition: all 0.2s ease-in-out;height: auto;background-color:transparent; line-height: 20px; } .header.active {background: url("../images/bg/charcoal_80.png") repeat; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);} /* # bands / containers - ================================================== */ .page-top {max-width:1400px; margin:0 auto; padding:0 20px; } .page-top .logo p {margin-top: 15px} .page-top .text-logo {text-transform:uppercase; font-size: 24px; line-height: 24px;} .page-top .text-logo p {margin-top:30px; font-weight:700; font-family: 'Roboto', sans-serif;} .page-top .text-logo a {color:white; text-decoration:none} .page-top .text-logo a:hover {color:white; text-decoration:none} .home-page-intro {background: #FFF } /* ABOUT page ================================================== */ .about-page-intro {background: #FFF; padding:50px 10px; text-align:left; color:#333230; } .about-page-intro p.lead {font-size: 28px; line-height:40px; color:#333230;} .about-page-intro h1 {padding-bottom:0; margin:0 0 30px 0;color:#333230; text-align:left; font-size:56px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing:2px; text-transform:uppercase; line-height: 1.3;} .about-page-intro h1 span, .attorney-directory h1 span, .practice-page h1 span {color:#B29D74} .attorney-directory {padding:50px 10px; background:#FFF; padding:50px 10px; text-align:left; color:#333230; } .attorney-directory h1 {padding-bottom:0; margin:0 0 30px 0;color:#333230; text-align:left; font-size:56px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing:2px; text-transform:uppercase; line-height: 1.3;} .headline {padding:80px 10px; text-align:center} .headline p {font-size: 28px; line-height:40px; color:#333230; margin:0} .group-photo-home {height: 900px;overflow: hidden; background-repeat: no-repeat; background-size: cover; margin: 0 auto;} .group-photo-home .text-container {position: absolute;left: 0;text-align: left;top: 0;width: 100%;padding: 20px;min-height: 120px;margin:540px 0 0 0;background: rgba(0, 0, 0, 0.40); border: 0px solid #FFF; } .group-photo-home .text-container p {font-size: 20px; line-height: 28px; color:#FFF} .main-content {background: url("../images/bg/white_90.png") repeat top left; padding:60px 0 50px 0; } .scroll-anchor {height: 0;} .bottom { background: url("../images/bg/charcoal_80.png") repeat; text-align:left; padding: 30px 0; font-size: 16px;color: #FFF; } /* #Jumbotron - home ================================================== */ .jumbotron {width: 100%; padding-top: 15%;padding-bottom: 15%; background:yello } .jumbotron p { text-align:center} .jumbotron p.headline {color:#FFF; text-align:center; font-size:64px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing:2px; text-transform:uppercase; line-height: 1.3; top:50%; left:50%; text-shadow: 2px 1px 2px #000000} .jumbotron p.scroll-icon {color:white; text-align:center; margin-top:50px; font-weight:300} .jumbotron p.scroll-icon a i {color: rgba(225, 225, 225, 0.7);} .jumbotron p.scroll-icon a:hover i {color: rgba(225, 225, 225, 1.0);} .fadeInBlock {opacity:0;} /* #Jumbotron - subpages ================================================== */ .sub-jumbotron {width: 100%; padding-bottom: 10px; } .sub-jumbotron p { text-align:center} .sub-jumbotron p.headline { padding-top:600px; padding-bottom:0; margin:0;color:#FFF; text-align:left; font-size:65px; font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing:2px; text-transform:uppercase; line-height: 1.3; text-shadow: 2px 1px 2px #000000} /* #Bio pages ================================================== */ .bio-page-main {margin-top:180px; padding: 50px 20px; width:50%} .bio-page-main h1 {color:#FFF; text-align:left; font-size:38px; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform:uppercase; line-height: 1.3; margin:0 0 20px 0; padding:0} .bio-page-main i {margin-right:10px} .lynn-bio-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/lynn-high-res-3.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .gartner-bio-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/gartner-high-res.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .dunne-bio-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/dunne-high-res-4.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .covello-bio-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/covello-high-res.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .livingston-bio-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/livingston-high-res-2.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .frigenti-bio-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/frigenti-high-res.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .boroosan-bio-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/boroosan-high-res.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .raymond-bio-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/raymond-high-res.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .santos-bio-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/KatherineSantos.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .about-bg {background-image: url("http://www.lgdcllp.com/images/backstretch/group-photo-3.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #464646;} .mobile-bio-image {display:none} /* #hero image padding ================================================== */ .group-photo-practice {padding-top: 30%;padding-bottom: 16%} .hero-image-padding {padding-top: 18%;padding-bottom: 18%} /* page bottom ================================================== */ .bottom strong {color:#FFF; font-size: 16px; text-transform: uppercase} .bottom address {margin-bottom:10px} .bottom .address p {margin-bottom:10px} .bottom ul {list-style-type:none; margin-left:0} .bottom ul li {margin:0px 0; padding:2px 0px} .footer-digits a {margin-right:10px} .bottom a i {margin-right:10px} .bottom .social-media-links {padding-bottom:20px} .bottom a {color:#FFF; text-decoration:none; } .bottom a:hover {color:#FFF; text-decoration:underline; } .bottom p {margin-bottom:0} .subfooter {background: url("../images/bg/charcoal_80.png") repeat; text-align:center; padding: 10px; font-size: 14px;color: #999; border-bottom:20px solid #b29d74 } .subfooter p {color:#B29D74; text-align:center} /* bio pages ================================================== */ .main-bio-image {position: relative;overflow: hidden; } .main-bio-image .lead {position: relative; } .main-bio-image .image {} .main-bio-image .links span {padding: 0 10px;color: #3C91E6; } .main-bio-image .links .fa {color: #3C91E6;padding-right: 4px; } .main-bio-image .links a {color: #FFF; text-decoration:none} .main-bio-image .links a:hover {color: #F15025; text-decoration:none} .main-bio-image .links a.dead-link {text-decoration:none; color:#333; cursor:default} .main-bio-image .links a.dead-link:hover {text-decoration:none; color:#333} .main-bio-image.bio h1 {padding: 20px 0 0px 0;font-size: 22px;margin:0 0 5px 0; font-weight: 400; color:white } .main-bio-image.bio .text {position: absolute;left: 0;text-align: left;top: 0;width: 100%;padding: 30px 10px 20px 20px;min-height: 120px;margin: 560px 0 0 0;background: rgba(178, 157, 116, 0.85); border: 0px solid #FFF; } .main-bio-image.bio .text p {color:white; font-size:26px; line-height: 34px} .main-bio-image .text p.title {color:#F15025; font-size: 16px; margin:0 0 5px 0; text-align:left;} .main-bio-image.bio .button {position: absolute;bottom:-10px;left: 0; width: 380px; } .main-bio-image.bio .image {position: relative;height: 900px; } @media screen and (max-width: 1000px) { .main-bio-image {} .main-bio-image .container {padding: 0; } .main-bio-image.bio .image {height: 360px; } .main-bio-image.bio .text {background:#B29D74; position: static;width: auto;min-height: 0;padding: 38px 20px 50px;margin: 0; text-align:center; border-top: 0;} .main-bio-image .text p.title {text-align:center} .main-bio-image.bio .text h1 {padding-top: 15px; } .main-bio-image.bio .button {display: none; } .main-bio-image.bio .image {height: 360px; background-position: 100%; } } @media screen and (max-width: 839px) { .mobile-only { display: block; } .main-bio-image {} .main-bio-image h2 {position: relative;color: #000;margin-bottom: 20px;float: none; } .main-bio-image h2 strong {color: #0097cd; } .main-bio-image.bio .image {height: 260px; background-position: 88%; } .main-bio-image.bio .text {background:#B29D74; position: static;width: auto;min-height: 0;padding: 38px 20px 50px;margin: 0; text-align:center} .main-bio-image .text p.title {} .main-bio-image.bio .text h1 {padding-top: 15px; } } @media screen and (max-width: 639px) { .main-bio-image.bio h1 {color:#333; } .main-bio-image .links a {color: #333; text-decoration:none} .main-bio-image .links a:hover {color: #F15025; text-decoration:none} .main-bio-image .text p.title {color:#F15025; font-size: 18px; margin:0 0 10px 0; text-align:center} .main-bio-image {} .main-bio-image.bio .text {padding: 15px 0; } .main-bio-image.bio .text h1 {padding: 8px 10px 15px;font-size: 24px; } .main-bio-image .links span {padding: 0 5px; } .main-bio-image .links .fa {padding-right: 2px; } } .practice-page {background: #FFF; padding:50px 10px; text-align:left; color:#333230; } /* practice areas - sidebar nav - setup ================================================== */ .sidebar ul.practice-areas {background: rgba(255,255,255,1); background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,231,231,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(231,231,231,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,231,231,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,231,231,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,231,231,1) 100%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(231,231,231,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=1 ); color:#FFF; padding: 10px; list-style-type:none; margin-left:0} .sidebar ul.practice-areas li {margin: 0px; padding:12px;border-bottom: 1px solid #EEE} .sidebar ul.practice-areas li.last-item {border-bottom: 0} .sidebar ul.practice-areas li a {display:block; color: #333; text-decoration:none; margin:0; padding:0; font-size:17px} .sidebar ul.practice-areas li a:hover {text-decoration:none; color:#678A9E; } /* practice areas - sidebar nav - active link ================================================== */ #lit ul li a.lit {text-decoration:none; color:#678A9E; background:transparent; font-weight:400; text-transform:none; } #lit ul li a.lit:after {font-family: 'FontAwesome';content: '\f0a8';margin:0 0 0 5px;} #app ul li a.app {text-decoration:none; color:#678A9E; background:transparent; font-weight:400; text-transform:none; } #app ul li a.app:after {font-family: 'FontAwesome';content: '\f0a8';margin:0 0 0 5px;} #pro ul li a.pro {text-decoration:none; color:#678A9E; background:transparent; font-weight:400; text-transform:none; } #pro ul li a.pro:after {font-family: 'FontAwesome';content: '\f0a8';margin:0 0 0 5px;} #crm ul li a.crm {text-decoration:none; color:#678A9E; background:transparent; font-weight:400; text-transform:none; } #crm ul li a.crm:after {font-family: 'FontAwesome';content: '\f0a8';margin:0 0 0 5px;} #bus ul li a.bus {text-decoration:none; color:#678A9E; background:transparent; font-weight:400; text-transform:none; } #bus ul li a.bus:after {font-family: 'FontAwesome';content: '\f0a8';margin:0 0 0 5px;} /* misc ================================================== */ address {padding-bottom:10px; margin-bottom: 10px; font-style:normal} .margin-top-zero {margin-top:0; } .textured-bg {background: url("../images/bg/black_20.png") repeat top left; } .center {text-align:center} .border-right {border-right:1px solid #EEE; padding-right: 30px} .border-left {border-left:1px solid #EEE; padding-left: 30px} i {margin-right:4px} ul.practice-asterisks span {color:#3C91E6;} ul.practice-asterisks {list-style-type:none; font-size: 14px; color:#676767;margin:30px 0; list-style-type:none; margin-left:10px} .practice-icon {padding: 30px 35px 30px 0} .practice-icon i {text-align:center; margin:0; color:#444} /* # header lines ================================================== */ .lines {text-align:center;font-size: 42px; line-height: 50px; margin-bottom: 70px;display: inline-block;padding: 0 15px;position: relative;color:#3C91E6;text-transform:uppercase} .lines:before,.lines:after {background: #CCC;content: "";display: block;height: 1px;position: absolute;top: 50%;width: 400%;} .lines:before {right: 100%;} .lines:after {left: 100%;} .linescontainer {overflow: hidden;text-align: center;} /* # header arrow down - see news page ================================================== */ .arrow_box {position: relative; background: #FFF; border: 1px solid #FFF;} .arrow_box:after, .arrow_box:before {top: 100%;left: 50%; border: solid transparent;content: " "; height: 0; width: 0;position: absolute; pointer-events: none;} .arrow_box:after {border-top-color: #FFF; border-width: 30px; margin-left: -30px;} .arrow_box:before { border-top-color: #FFF;border-width: 31px;margin-left: -31px;} /* responsive google map ================================================== */ iframe, object, embed {max-width: 100%;} /* #Media Queries ================================================== */ /* iPad Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .header { position:relative;} .jumbotron {height:auto; padding-top: 150px;padding-bottom: 30px; } .jumbotron p.headline { font-size:60px; line-height: 80px; text-align:center} .gartner-bio-bg, .frigenti-bio-bg, .lynn-bio-bg, .dunne-bio-bg, .livingston-bio-bg, .boroosan-bio-bg, .raymond-bio-bg {background-image: none} .bio-page-main {margin-top:0; padding: 20px 20px; width:100%} .bio-page-main h1 {text-align:left; font-size:40px; } .bio-page-main .bio-narrative {background:white; padding: 20px} .desktop-only {display:none} p.mobile-bio-image {display:inline-block; float:left; margin-right: 15px; margin-bottom:0} .bottom, .subbottom, .bottom p {text-align:left; } .bottom .footer-digits table {text-align:left; } table#footer-digits {text-align:left; margin:0 auto 20px auto } } /* iPad Portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .header { position:relative;} .page-top .text-logo {text-transform:uppercase; font-size: 36px; line-height: 44px;} .page-top .text-logo p {margin-top:30px; text-align:center} .jumbotron {height:auto; padding-top: 250px;padding-bottom: 10px; } .jumbotron p.headline {text-transform:uppercase; font-size: 40px; line-height: 50px;; color:#FFF; text-align:center; font-family: 'Roboto', sans-serif; font-weight: 400; margin:0 auto 30px auto; text-shadow: 0} .hero-button {display:none} .jumbotron p.scroll-icon {margin-top:10px; } .gartner-bio-bg, .frigenti-bio-bg, .lynn-bio-bg, .dunne-bio-bg, .livingston-bio-bg, .boroosan-bio-bg, .raymond-bio-bg {background-image: none} .bio-page-main {margin-top:0; padding: 20px 20px; width:100%} .bio-page-main h1 {text-align:left; font-size:40px; } .bio-page-main .bio-narrative {background:white; padding: 20px} p.mobile-bio-image {display:inline-block; float:left; margin-right: 15px; margin-bottom:0} .bottom, .subbottom, .bottom p {text-align:center; } .bottom .footer-digits table {text-align:center; } table#footer-digits {text-align:center; margin:0 auto 20px auto } } * All Mobile Sizes (devices and browser) @media only screen and (max-width: 800px) { .bottom, .subbottom, .bottom p {text-align:center; } .bottom .footer-digits table {text-align:center; } table#footer-digits {text-align:center; margin:0 auto 20px auto } } @media only screen and (max-width: 767px) { body { /* The file size of this background image is 93% smaller to improve page load speed on mobile internet connections */ .gartner-bio-bg {background-image: url("http://www.lgdcllp.com/images/attorneys/text-mobile.jpg");} } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) mobile landscape 480x320, small tablet portrait 600x800*/ @media only screen and (min-width: 480px) and (max-width: 767px) { .header { position:relative;} .nav {padding:30px 0 60px 0} p {text-align:left; font-size: 18px} .page-top .text-logo p {margin-top:30px; text-align:center; font-size: 40px; line-height: 50px;} .jumbotron {height:auto; padding-top: 250px;padding-bottom: 10px; } .jumbotron p.headline {text-transform:uppercase; font-size: 40px; line-height: 50px;; color:#FFF; text-align:center; font-family: 'Roboto', sans-serif; font-weight: 400; margin:0 auto 30px auto; text-shadow: 0} .hero-button {display:none} .jumbotron p.scroll-icon {margin-top:10px; } .sub-jumbotron { width: 100%; padding-top: 100px;padding-bottom: 50px; } .sub-jumbotron p.headline {font-size:40px; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing:2px; } .sub-jumbotron-small { width: 100%; padding-top: 100px; padding-bottom: 50px; } .gartner-bio-bg, .frigenti-bio-bg, .lynn-bio-bg, .dunne-bio-bg, .covello-bio-bg, .livingston-bio-bg, .boroosan-bio-bg {background-image: none} .about-page-intro h1, .attorney-directory h1 {text-align:center; font-size:38px; line-height: 1.3; margin:30px 0 30px 0;} .bio-page-main {margin-top:0; padding: 20px 20px; width:100% } .bio-page-main h1 {text-align:center; font-size:30px; } .bio-page-main .bio-narrative {background:white; padding: 20px} p.mobile-bio-image {display:inline-block; float:left; margin-right: 15px; margin-bottom:0} .bottom, .subbottom, .bottom p {text-align:center; } .bottom .footer-digits table {text-align:center; } table#footer-digits {text-align:center; margin:0 auto 20px auto } .border-right {border-right:0 ; padding-right: 0} .border-left {border-left:0; padding-left: 0} .group-photo-practice {padding-top: 18%;padding-bottom: 18%} .hero-image-padding {padding-top: 18%;padding-bottom: 18%;} } /* iPhone 6 Plus - Portrait & Landscape*/ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) { .header {position:relative} .nav {padding:30px 0 60px 0} p {text-align:left; font-size: 18px} .page-top .text-logo p {margin-top:30px; text-align:center; font-size: 40px; line-height: 50px;} .jumbotron {height:auto; padding-top: 250px;padding-bottom: 10px; } .jumbotron p.headline {text-transform:uppercase; font-size: 40px; line-height: 50px;; color:#FFF; text-align:center; font-family: 'Roboto', sans-serif; font-weight: 400; margin:0 auto 30px auto; text-shadow: 0} .hero-button {display:none} .jumbotron p.scroll-icon {margin-top:10px; } .sub-jumbotron { width: 100%; padding-top: 100px;padding-bottom: 50px; } .sub-jumbotron p.headline {font-size:40px; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing:2px; } .sub-jumbotron-small { width: 100%; padding-top: 100px; padding-bottom: 50px; } .gartner-bio-bg, .frigenti-bio-bg, .lynn-bio-bg, .dunne-bio-bg, .covello-bio-bg, .livingston-bio-bg, .boroosan-bio-bg {background-image: none} .about-page-intro h1, .attorney-directory h1 {text-align:center; font-size:38px; line-height: 1.3; margin:30px 0 30px 0;} .bio-page-main {margin-top:0; padding: 20px 20px; width:100% } .bio-page-main h1 {text-align:center; font-size:30px; } .bio-page-main .bio-narrative {background:white; padding: 20px} .bio-digits p {text-align:center} p.mobile-bio-image {display:inline-block; margin-bottom:0} .bottom, .subbottom, .bottom p {text-align:center; } .bottom .footer-digits table {text-align:center; } table#footer-digits {text-align:center; margin:0 auto 20px auto } .border-right {border-right:0 ; padding-right: 0} .border-left {border-left:0; padding-left: 0} .group-photo-practice {padding-top: 18%;padding-bottom: 18%} .hero-image-padding {padding-top: 18%;padding-bottom: 18%;} } /* iPhone 6 - Portrait & Landscape*/ @media only screen and (min-device-width : 0px) and (max-device-width : 667px) { .header {position:relative} .nav {padding:30px 0 60px 0} p {text-align:left; font-size: 18px} .page-top .text-logo p {margin-top:30px; text-align:center; font-size: 30px; line-height: 40px;} .jumbotron {height:auto; padding-top: 250px;padding-bottom: 10px; } .jumbotron p.headline {text-transform:uppercase; font-size: 40px; line-height: 50px;; color:#FFF; text-align:center; font-family: 'Roboto', sans-serif; font-weight: 400; margin:0 auto 30px auto; text-shadow: 0} .hero-button {display:none} .jumbotron p.scroll-icon {margin-top:10px; } .fadeInBlock {display:none} .gartner-bio-bg, .frigenti-bio-bg, .lynn-bio-bg, .dunne-bio-bg, .covello-bio-bg, .livingston-bio-bg, .boroosan-bio-bg {background-image: none} .bg-atty-directory {padding-top: 23%;padding-bottom: 23%;} .about-page-intro h1, .attorney-directory h1 {text-align:center; font-size:38px; line-height: 1.3; margin:30px 0 30px 0;} .bio-page-main {margin-top:0; padding: 20px 20px; width:100%} .bio-page-main h1 {text-align:center; font-size:30px; } .bio-page-main .bio-narrative {background:white; padding: 20px} .bio-digits p {text-align:center} p.mobile-bio-image {display:inline-block; margin-bottom:20px} .bottom, .subbottom, .bottom p {text-align:center; } .bottom .footer-digits table {text-align:center; } table#footer-digits {text-align:center; margin:0 auto 20px auto } .border-right {border-right:0 ; padding-right: 0} .border-left {border-left:0; padding-left: 0} .group-photo-practice {padding-top: 18%;padding-bottom: 18%} .hero-image-padding {padding-top: 18%;padding-bottom: 18%;} }