/* Stylesheet for ulrikemeder.com */ /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Globals = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /*- - - - - Spacers- - - - - */ .space-0 {clear:both; height:0px; width:100%;} .space-20 {clear:both; height:20px; width:100%;} .space-40 {clear:both; height:40px; width:100%;} .space-60 {clear:both; height:60px; width:100%;} .space-80 {clear:both; height:80px; width:100%;} .dividerDarkGrey {height: 0px; border-top: 2px solid #222222;} .dividerDarkYellow {height: 0px; border-top: 2px solid #D8C57B;} .dividerBlue {height: 0px; border-top: 2px solid #75B8D6;} /*- - - - - Floats - - - - */ .floatLeft {float: left;} .floatRight {float: right;} /* - - - - - Background Colours - - - - - */ .yellow {background-color: #FFEA99 !important;} .lightYellow {background-color: #FEF6CC !important;} .green {background-color: #379B59 !important;} .lightGreen {background-color: #C2EAAD !important;} .blue {background-color: #97D2EC !important;} .lightBlue {background-color: #DAF4FF !important;} .white {background-color: #FFFFFF !important;} /* - - - - - Background Background images (Fur) - - - - - */ .furYellow {background-image: url("../img/backgrounds/fur-yellow.png"); } .furLightYellow {background-image: url("../img/backgrounds/fur-light-yellow.png"); } .furBlue {background-image: url("../img/backgrounds/fur-blue.png"); } .furLightBlue {background-image: url("../img/backgrounds/fur-light-blue.png"); } .furWhite {background-image: url("../img/backgrounds/fur-white.png"); } .furLightGreen {background-image: url("../img/backgrounds/fur-light-green.png"); } .furBackground {background-size: cover;} /* - - - - - Background Furniture images - - - - - >> TESTIMONIAL IMAGES AT BOTTOM OF FILE << - - - - - - - */ /* English Logo */ .imageLogo, .imageLogoMobile { background-image: url("../img/furniture/ulrike-meder-dog-behaviourist-logo-ENG@2x.png"); background-repeat: no-repeat; width: 207px; height: 90px; background-size: 100%; background-size: contain;} /* German Logo */ .imageLogoDE, .imageLogoMobileDE { background-image: url("../img/furniture/ulrike-meder-dog-behaviourist-logo-DE@2x.png"); background-repeat: no-repeat; width: 207px; height: 90px; background-size: 100%; background-size: contain;} .imageHomeHero {width: auto; height: 600px; background-size: cover; background-image: url("../img/hero/ulrike-meder-home-hero.jpg"); background-repeat: no-repeat; background-position: center; margin-top: 40px;} .imageAboutHero {width: auto; height: 600px; background-size: cover; background-image: url("../img/hero/ulrike-meder-about-hero.jpg");background-repeat: no-repeat; background-position: center; margin-top: 40px !important;} .imageInPerson {width: auto; height: 340px; background-size: contain; background-image: url("../img/illustrations/ulrike-meder-dog-training-in-person_web.png"); background-repeat: no-repeat; background-position: center; margin-bottom: 20px !important; } .imageVideo {width: auto; height: 340px; background-size: contain; background-image: url("../img/illustrations/ulrike-meder-video-call_web.png"); background-repeat: no-repeat; background-position: center; margin-bottom: 20px !important; } .landingFooterImageVideo {width: auto; height: 340px; background-size: contain; background-image: url("../img/illustrations/ulrike-meder-video-call_web.png"); background-repeat: no-repeat; background-position: center; margin-bottom: 20px !important; } .landingFooterImageInPerson {width: auto; height: 300px; background-size: contain; background-image: url("../img/image-placeholder.png"); background-repeat: no-repeat; background-position: center; margin-bottom: 20px !important; } .imageUlrikeIllo {width: auto; height: 340px; background-size: contain; background-image: url("../img/illustrations/ulrike-meder_web.png"); background-repeat: no-repeat; background-position: center; margin-bottom: 20px !important; } .image404 {width: 380px; height: 400px; background-size:contain; background-image: url("../img/illustrations/ulrike-meder_404-doggo.png"); background-repeat: no-repeat; background-position: center; margin-bottom: 20px !important;} .HomeHeadImageDogTraining {width: auto; height: 300px; background-size: contain; background-image: url("../img/illustrations/ulrike-meder-socialisation_web.png"); background-repeat: no-repeat; background-position: center; margin-bottom: 20px !important; } .trainingImageInPerson {width: 200px; height: 340px; background-size:contain; float: left; background-image: url("../img/illustrations/ulrike-meder-dog-training-in-person_web.png"); background-repeat: no-repeat; padding-bottom: 40px;} .trainingImageVideoCall {width: 200px; height: 340px; background-size:contain; float: right; background-image: url("../img/illustrations/ulrike-meder-video-call_web.png"); background-repeat: no-repeat;} .imageUlrikeApproach {width: 440px; height: 226px; background-size:contain; float: right; background-image: url("../img/illustrations/ulrike-meder-dog-on-couch_web.png"); background-repeat: no-repeat;} .imageTrainTrainer {width: 558px; height: 225px; background-size:contain; float: left; background-image: url("../img/illustrations/ulrike-meder-dog-on-leash_web.png"); background-repeat: no-repeat;} li.trainingImageInPerson, li.trainingImageVideoCall, li.imageUlrikeApproach, li.imageTrainTrainer {margin: 0 40px;} span.iconDogEmoji {width: 28px; height: 28px; background-size:contain; float: left; background-image: url("../img/furniture/dog-icon@2x.png"); background-repeat: no-repeat; margin-right: 6px; display: block;} /* - - - - - Colours - - - - - */ .white {color: #FFFFFF;} .courseTag {color: #FEF6CC; background-color: #222222;} /* - - - - - Decoration - - - - - */ .formDefault {border: 1px solid #1D769D ;} /*Dark Blue */ /* - - - - - Buttons + Links - - - - - */ button {font-size: 14px; line-height: 1; text-transform: uppercase; letter-spacing: 2px; border: none; text-align: center; cursor: pointer; padding: 18px 20px 16px 22px !important; border-radius: 8px;} /* button:hover, a:hover, .iconSocial:hover, */ * :hover {transition: 0.1s; transition-timing-function: ease-in;} button.primary {background-color: #4E400A; color: #FFFFFF;} button.primary:hover {background-color: #000000; color: #FEF6CC;} button.secondary {border: 1px solid #B0A161; color: #4E400A; background-color: #FFEA99;} button.secondary:hover {border: 1px solid #222222;} .lightYellow button.secondary {background-color: #FEF6CC;} footer, footer *, footer a:hover {color: #FFFFFF !important;} .iconSocial {padding: 12px; border-radius: 50%; border: 1px solid #FFFFFF;} .iconSocial:hover {background-color: #FFFFFF;} .iconSocial > svg * {fill: #FFFFFF !important;} .iconSocial:hover > svg * {fill: #379B59 !important ;} a {text-decoration: none;} a:hover, .current, .courseItem a, .itemWrap a, .boxCard a {text-decoration: underline;} a li {text-decoration: none; padding: 0px 2px 2px 2px;} p a {text-decoration: underline; padding: 0px 2px 2px 2px;} p a:hover, a li:hover {background-color: #222222; color: #FFEA99; text-decoration: none;} a span.backArrow {text-decoration: none;} a span.backText {text-decoration: underline;} .linkBG a {padding: 8px 8px 8px 6px; text-decoration: none !important; margin-left: -10px;} .linkBG a:hover {background-color: #222222; color: #FFEA99 !important; text-decoration: none; } /* - - - - - Global Header - - - - - */ .global-head li {display: inline-block;} header .imageLogo, header .imageLogoDE {margin: 0 auto;} div.imageLogo, div.imageLogoDE {margin-top: 40px; margin-bottom: 40px; cursor: pointer;} ul.language {float: right; position: relative; top: -4px; right:24px;} ul.navigation {justify-content: center; display: flex; margin-bottom: -16px;} ul.navigation li {padding: 12px;} /* - - - - - Global Footer - - - - - */ footer {margin: 0 auto;} footer .item1, footer .item2 {position: relative; height: 200px;} footer h6 {margin: 0;} footer span.instagram, footer span.facebook {margin: 0px 10px 0px 0 !important; display: inline-block; } footer ul, footer .item2 h6 {position: absolute;} footer li {display: inline-block; margin-right: 8px;} footer ul {bottom: 40px;} /* - - - - - Carousel - - - - - */ * { box-sizing: border-box; } .carousel {margin: 0 auto;} .gallery-cell { width: 70%; height: auto; margin: 0 15% !important; /* Flexbox Settings */ display: flex; flex-direction: column; flex-wrap: nowrap; } .imageCarousel {width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/image-placeholder.png"); background-repeat: no-repeat;} /* - - - - - Other Ad Hoc - - - - - */ .centre {margin: 0 auto; text-align: center !important;} .blockHeight {display: block !important; height: auto; padding: 40px 0;} section.content {padding-top: 20px;} /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Home Page = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* - Home: Training Types - */ ul.fifty-fifty {text-align:left !important; padding: 40px 0; display: block !important;} /*ul.portrait {height: 380px;} ul.landscape {height:380px;} */ li.textPad {display: block !important; padding: 20px 40px 0px 40px !important; overflow: hidden;} /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Course Landing Page = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ section.title {text-align: center; padding: 40px 0;} section.title > * {margin: 0 auto;} section.title h5 {margin: 30px 0;} /* - Course Items - */ .boxCard, .itemWrap {padding: 32px 32px 8px 32px;} .itemWrap h4, .itemWrap p {margin-right: 32px;} .courseTitle h4 {padding-top: 8px;} .courseItemLanding { display: grid; grid-template-columns: 1.0fr 1.0fr 1.0fr; grid-auto-rows: auto; vertical-align: text-top!important;} .courseItemLanding button {min-width: 220px;} .courseItemLanding button.secondary {margin-top: 20px;} /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = Course Template Page = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ section.courseHead {text-align: center; padding: 0px 0 40px 0 !important;} section.courseHead > * {margin: 0 auto; } section.courseHead h3 {margin-bottom: 40px !important;} .courseTag {padding: 8px 16px; border-radius: 16px; display: inline-block;} .courseHead > * {margin-bottom: 20px !important;} section.courseBody .boxCard {margin: 40px 0; padding: 32px 32px 16px 32px;} .itemWrap {border-top:2px solid #222222; width: 100%; margin-top: 20px; vertical-align: top;} .courseItemPage { display: grid; grid-template-columns: 1.1fr 1.1fr 0.8fr; grid-auto-rows: auto; vertical-align: text-top!important;} .courseTitle { grid-column: 1 / 3; grid-row: 1;} .courseDesc { grid-column: 1 / 3; grid-row: 2;} .courseCTA { grid-column: 3; grid-row-start: 1; grid-row-end: 3; text-align: right;} /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = R E S P O N S I V E = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* = = = = = = = = = = = = = = S M A L L = = = = = = = = = = = = = = */ @media only screen and (min-width : 0px) and (max-width : 479px) { .furBackground {height: 50px; width: calc(100% + 48px) !important; margin-left: -24px; background-size: 270%; overflow-y: hidden; background-repeat: no-repeat; background-position: 50% -65px;} } /* = = = = = = = = = = = = = = M E D I U M = = = = = = = = = = = = = = */ @media only screen and (min-width : 480px) and (max-width : 767px) { .furBackground {height: 70px; width: calc(100% + 48px) !important; margin-left: -24px; background-size: 200%; overflow-y: hidden; background-repeat: no-repeat; background-position: 50% -70px;} } /* = = = = = = = = = = = = = = S M A L L + M E D I U M = = = = = = = = = = = = = = */ @media only screen and (min-width : 0px) and (max-width : 767px) { /* Globals */ /* English Logo */ .imageLogo, .imageLogoMobile { background-image: url("../img/furniture/ulrike-meder-dog-behaviourist-logo-ENG@2x.png"); background-repeat: no-repeat; width: 138px; height: 60px; background-size: 100%; background-size: contain;} /* German Logo */ .imageLogoDE, .imageLogoMobileDE { background-image: url("../img/furniture/ulrike-meder-dog-behaviourist-logo-DE@2x.png"); background-repeat: no-repeat; width: 138px; height: 60px; background-size: 100%; background-size: contain;} button {width: 100%} .hideOnMobile {display: none;} section.content {padding-top: 0px;} /* Global Header */ ul.navigation { display: block !important; border-top: 1px solid #222222; margin: 0 24px;} ul.navigation li { display: block !important; border-bottom: 1px solid #222222; padding: 20px; } /* Overlay Menu */ /* Z-indexes Overlay BG: 10 Hamburger: 20 */ .overlay {z-index: 10; -webkit-transition: all 0.2s ease-in;} .mobileMenu {z-index: 20;} .overlay {display: none; position: fixed; width: 100%; height: 100vh; left:0; top: 0;} .overlay.active {display: block;} /* Overlay Menu - Logo */ header .imageLogoMobile, header .imageLogoMobileDE {margin-left: 0 auto;} div.imageLogoMobile, div.imageLogoMobileDE {margin-top: 40px; margin-bottom: 40px; cursor: pointer;} .imageLogoMobile.active, .imageLogoMobileDE.active {margin-left: calc(50% - 0px); transform: translateX(-50%);} /* Overlay Menu - Hamburger Trigger icon */ .mobileMenu { position: fixed; left: 50%; transform: translate(-50%, 0); border: 1px solid #FFFFFF; border-radius: 50%; background-color: #111111; bottom: 32px; width: 64px; height: 64px; cursor:pointer; transition: all 0.6s; } .bar1, .bar2, .bar3 { position: absolute; top: 22px;left: 18px; display: block; width: 25px; height: 2px; padding: 0; background-color: #FEF6CC; -webkit-appearance: none; -webkit-transition: all 0.2s ease-in; -webkit-transform: rotate(0deg); transform: rotate(0deg);} .bar2{top:30px;} .bar3{top:38px;} .bar1.active, .bar2.active, .bar3.active {-webkit-transition: all 0.2s ease-in;} .bar1.active{top:30px;-webkit-transform: rotate(-135deg); transform: rotate(-135deg);} .bar2.active{left:20px; background-color: transparent; } .bar3.active{top:30px; -webkit-transform: rotate(135deg); transform: rotate(135deg);} /* Mobile Menu - Show + Hide onScroll */ .hideTrigger {bottom: -80px; transition: all 1s;} .hideTrigger.active {bottom: 32px;} body.active {position: fixed;} /* Prevent body BG from scrolling when overlay is open */ /* Global Footer */ footer .item1 {height: 240px; padding: 24px 24px 40px 24px;} footer .item2 {height: 80px; padding: 0px 24px 24px 24px;} footer .item2 h6 {left: 24px; bottom:24px; text-align: left;} /* Carousel */ .gallery-cell { width: 100%; height: auto; margin: 0 !important; } .med span.iconDogEmoji {width: 24px; height: 24px; background-size:contain; float: none; display: inline-block; position: relative; top:5px; right: 2px;} /* Home Page */ /* Home: Dog issue behaviour cards */ .boxCard, section.courseBody .boxCard {padding: 24px 24px 8px 24px;} /* Home: Training Types */ ul.fifty-fifty {text-align:center !important; padding: 0px 16px;} /* ul.portrait {height: 500px;} ul.landscape {height:430px;} */ .trainingImageInPerson, .trainingImageVirtual {width: 160px; height: 240px;} /* Course Landing Page */ li.textPad {padding: 20px 0 !important;} li.textPadTablet p {text-align: left;} /* Hero Images */ .imageHomeHero, .imageAboutHero {height: 400px; margin-top: 20px;} /* Background images */ .trainingImageInPerson, .trainingImageVideoCall, .imageUlrikeApproach, .imageTrainTrainer, .imageCarousel {float: none; background-position: center;} li.trainingImageInPerson, li.trainingImageVideoCall, li.imageUlrikeApproach, li.imageTrainTrainer, li.imageCarousel {margin: 0 auto !important; background-position: center;} /* For Landscape images */ .imageUlrikeApproach, .imageTrainTrainer {width: 100% !important; max-height: 200px;} } /* = = = = = = = = = = = = = = = = S M A L L - - - > M E D I U M = = = = = = = = = = = = = = = = */ @media only screen and (min-width : 0px) and (max-width : 1023px) { /* Globals */ .noMobile {display: none;} section.title h1 {margin: -10px 0 30px 0;} /* Home Page */ .imageHomeHero {margin-top: 20px;} .fifty-fifty h2 {margin-top: 0px;} /* Course Landing Page */ .itemWrap h4, .itemWrap p {margin-right: 0px;} .courseItem {display: grid; grid-template-columns: repeat (3); grid-auto-rows: auto;} .courseTitle { grid-column: 1 / 4; grid-row: 1;} .courseDesc { grid-column: 1 / 4; grid-row: 2;} .courseCTA { grid-column: 1 / 4; grid-row: 3; text-align: left; margin: 10px 0 20px 0;} } /* = = = = = = = = = = = = = = L A R G E = = = = = = = = = = = = = = */ @media only screen and (min-width : 768px) and (max-width : 1023px) { /* Globals */ .furBackground {height: 100px; width: calc(100% + 96px) !important; margin-left: -48px; background-position: 50% -10px; background-size: 120%;} /* Footer */ footer .item1, footer .item2 {height: 240px; padding: 40px 24px 40px 24px;} footer .item2 h6 {right: 24px; bottom:40px; text-align: right;} /* Home: Training Types */ li.textPad {padding: 20px 0 !important;} ul.centre > li.textPad {text-align: center;} /* Carousel */ .gallery-cell p {margin-left: 20px;} /* Background Images */ li.imageUlrikeApproach, li.imageTrainTrainer, li.imageCarousel {float: none; background-position: center; padding: none; margin: 0 auto;} /* Testimonials */ li.textPadTablet {padding-left: 40px !important;} } /* = = = = = = = = = = = = = = X - L A R G E = = = = = = = = = = = = = = */ @media only screen and (min-width : 1024px) and (max-width : 1279px) { /* Globals */ .noTablet {display: none;} section.title h1 {margin: 0px 0 40px 0;} .furBackground {height: 120px; width: calc(100% + 96px) !important; margin-left: -48px; background-position: 50% -20px; background-size: 120%;} /* Footer */ footer .item1, footer .item2 {height: 240px; padding: 40px 48px 40px 48px;} footer .item2 h6 {right: 48px; bottom:40px; text-align: right;} /* Home Page */ li.textPad {padding: 20px 0 !important;} .fifty-fifty h2 {margin-top: 20px;} /* x 0.8 of original size */ .imageUlrikeApproach {width: 352px !important; height: 181px !important; margin-right: 0px !important;} .imageTrainTrainer {width: 397px !important; height: 200px !important; margin-left: 0px !important; } /* Carousel */ .gallery-cell p {margin-left: 40px;} /* Testimonials */ li.textPadTablet {padding-left: 40px !important;} } /* = = = = = = = = = = = = = = X X - L A R G E = = = = = = = = = = = = = = */ @media only screen and (min-width : 1280px) and (max-width : 1599px) { /* Globals */ section.title h1 {margin: 20px 0 40px 0;} section.title h2 {margin: 40px 0 0 0 ;} .furBackground {height: 120px; width: calc(100% + 128px) !important; margin-left: -64px; background-position: 50% -60px; background-size: 120%;} /* Footer */ footer .item1, footer .item2 {height: 240px; padding: 40px 64px 40px 64px;} footer .item2 h6 {right: 64px; bottom:40px; text-align: right;} /* Home Page */ .fifty-fifty h2 {margin-top: 40px;} /* Course Page */ section.courseHead {text-align: center; padding: 40px 0 40px 0 !important;} } /* = = = = = = = = = = = = = = X X X - L A R G E = = = = = = = = = = = = = = */ @media only screen and (min-width : 1600px) { /* Globals */ section.title h1 {margin: 40px 0 40px 0;} section.title h2 {margin: 40px 0 0 0 ;} .furBackground {height: 150px; width: calc(100% + 128px) !important; margin-left: -64px; background-position: 50% -90px; background-size: 105%;} /* Footer */ footer .item1, footer .item2 {height: 240px; padding: 40px 64px 40px 64px;} footer .item2 h6 {right: 64px; bottom:40px; text-align: right;} /* Home Page */ .fifty-fifty h2 {margin-top: 40px;} /* Course Page */ section.courseHead {text-align: center; padding: 60px 0 40px 0 !important;} } /* = = = = = = = = = = = = = = MOBILE ONLY = = = = = = = = = = = = = = */ @media only screen and (min-width : 768px) { .imageLogoMobile, .imageLogoMobileDE {display: none;} } /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = CLIENT TESTIMONIAL IMAGES = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* - - - - - Placeholder - - - - - */ .testimonialImagePlaceholder { width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/image-placeholder.png"); background-repeat: no-repeat; padding-bottom: 40px; } /* - - - - - Group - - - - - */ .testimonial-group-harper-atticus { width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/clients/Group-Social-Harper+Atticus.jpg"); background-repeat: no-repeat; padding-bottom: 40px; } /* - - - - - Private - - - - - */ .testimonial-private-linus { width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/clients/Private-Linus.jpg"); background-repeat: no-repeat; padding-bottom: 40px; } .testimonial-private-fika { width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/clients/Private-Fika.jpg"); background-repeat: no-repeat; padding-bottom: 40px; } .testimonial-private-paul { width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/clients/Private-Paul.jpg"); background-repeat: no-repeat; padding-bottom: 40px; } /* - - - - - Puppy - - - - - */ .testimonial-puppy-chica { width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/clients/Puppy-Chica.jpg"); background-repeat: no-repeat; padding-bottom: 40px; } .testimonial-puppy-enzo { width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/clients/Puppy-Enzo.jpg"); background-repeat: no-repeat; padding-bottom: 40px; } /* - - - - - Train the Trainer - - - - - */ .testimonial-trainer-nooz { width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/clients/Train-the-trainer-Nooz.jpg"); background-repeat: no-repeat; padding-bottom: 40px; } /* - - - - - Virtual - - - - - */ .testimonial-virtual-louis-mina { width: 200px; height: 300px; background-size:contain; float: left; background-image: url("../img/clients/Virtual-Louis-Mina.jpg"); background-repeat: no-repeat; padding-bottom: 40px; } @media only screen and (min-width : 0px) and (max-width : 767px) { /* Testimonial images margin-right: 32px; */ .testimonialImagePlaceholder, .testimonial-group-harper-atticus, .testimonial-private-linus, .testimonial-private-fika, .testimonial-private-paul, .testimonial-puppy-chica, .testimonial-puppy-enzo, .testimonial-trainer-nooz, .testimonial-virtual-louis-mina {float: none; background-position: center; margin-top: 40px !important;} li.testimonialImagePlaceholder, li.testimonial-group-harper-atticus, li.testimonial-private-linus, li.testimonial-private-fika, li.testimonial-private-paul, li.testimonial-puppy-chica, li.testimonial-puppy-enzo, li.testimonial-trainer-nooz, li.testimonial-virtual-louis-mina {margin: 0 auto; background-position: center;} }