img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { font-family: 'Red Hat Display', sans-serif; font-size: 18px; line-height: 1.5; background-color: #fff; text-align: center; min-width: 320px }body, header a, nav ul ul a, footer a, .latest .post h2 a, .solutions a { color: #3c3c3c; }.bgdark, .subfoot, .subfoot a, header .btn:hover, .hero p, #contact label, .phones div > a h3, .it .grid > div h3, .home .cta h2, .home .cta h3, .estimate a, .estimate a:hover, .reasons *, .solutions .grid > * h2 { color: #fff; }.bgdark, .cta, .contact > .grid > div:last-of-type { background-color: #3c3c3c; }.bglightdark {background-color: #f3f0f0;}h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote, nav ul ul, form label, .latest .post h2, footer .grid.fourth { text-align: left; }body, header ul { padding: 0; margin: 0; }img, iframe { max-width: 100%; display: block; margin: 0 auto }img { height: auto; }iframe { height: 100%; }a img, iframe { border: none; }a, a:hover, form input[type=submit], .btn, form input[type=submit]:hover, .btn:hover, .phones div > a:hover h3, .solutions .grid h2 { transition: ease-in-out .3s; }a, header a:hover, footer a:hover, h1, .home h2, h2.big, .latest .post h2 a:hover, main summary { text-decoration: none; color: #006bb7; }a:hover, main summary:hover { cursor: pointer; }a:hover { text-decoration: underline; }header a:hover, footer a:hover, .btn:hover, .btn, .it a:hover, .featured a:hover, .post h2 a:hover, .latest .post p:nth-of-type(3) a:hover, .solutions a:hover { text-decoration: none; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 5px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 5px 0 2% 4%; }.clear { clear: both; }.nowrap, a[href^=tel] { white-space: nowrap; }.hide { display: none !important; }.wrap { display: block; max-width: 1080px; margin: 0 auto; position: relative; }.center, .hero .start, .intro *, .it *, .latest h2, .latest h3, .counter *, .cta h2, .cta h3, .gosafe .grid.fourth *, .remote h2, .remote h3 { text-align: center; }.flex { display: flex; flex-wrap: wrap; }.flex > * { flex: 1; }.grid, .latest .posts { display: grid; grid-gap: 10px; margin: 10px 0 }.mid { align-self: center; align-items: center; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth, .latest .posts { grid-template-columns: repeat(4,1fr); }.grid.fifth { grid-template-columns: repeat(5,1fr); }.grid.sixth { grid-template-columns: repeat(6,1fr); }.grid.seventh { grid-template-columns: repeat(7,1fr); }.grid.structured { grid-template-columns: 1fr 250px }.span2 { grid-column: span 2; }.span3 { grid-column: span 3; }.video { display: block; width: 100%; aspect-ratio: auto 16 / 9; border: 0; }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; z-index: -1 }.grid.structured .grid{grid-template-columns:1fr;grid-gap:15px}.grid.structured img { box-sizing: border-box; border-radius: 500px; object-fit: cover; height: 250px } header a, nav ul ul li, .hero strong, .hero svg, .intro span, .phones div > a, .it .grid > div, nav li:hover ul, .reasons img, .solutions .grid a { display: block; }header, .hero, .hero strong, .hero .start, .testimonials-home .carousel, .testimonials-home .pager, .phones div > a, .it .grid > div, .latest .post, .estimate, .contact, .reasons > div, .solutions .grid > * { position: relative; }header { z-index: 999; }header a { padding: 10px; }header li, .subfoot li, .social li, .partners img, .logos img { display: inline-block; }header .top { font-weight: 700; }header .grid { grid-template-columns: 270px 1fr; }header ul, .cctv *, .access * { text-align: right; }header .btn { font-size: 16px; margin: 5px 10px 0; padding: 10px; }.top { margin-bottom: 20px; }nav { font-size: 18px; }nav ul ul, .hero:before, .hero strong:after, .phones div > a h3, .it .grid > div:before, .it .grid > div h3, .postThumbnail img, .latest .post p:nth-of-type(3), .estimate a, .estimate:after, .contact .address, .reasons > div > div, .solutions .grid h2 { position: absolute; }nav ul ul, .estimate { background-color: #eee; }nav ul ul { display: none; min-width: 250px; margin-left: -10px; z-index: 999; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,.2); }nav ul ul a { padding: 5px 20px; }nav ul ul a:hover { background-color: #006bb7; color: #fff; }nav ul ul li:first-of-type a { padding-top: 10px; border-radius: 5px 5px 0 0; }nav ul ul li:last-of-type a { padding-bottom: 10px; border-radius: 0 0 5px 5px; } .hero, .cover, .hosted, .cctv, .cabling, .access { background-size: cover; background-position: center; }.hero:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); top: 0; left: 0; }.hero .wrap { top: 50%; transform: translateY(-50%); padding: 0 10px; }.hero { height: 400px; background-image: url(/images/san-diego-california-downtown-convention-center.jpg); }.hero a:hover { text-decoration: none; }.hero p { font-size: 24px; font-weight: bold; margin: 0; }.hero h1, .hero p,.estimate a { text-shadow: 2px 2px 4px rgba(0,0,0,.5); }.hero strong { font-size: 30px; padding-bottom: 40px; }.hero strong:after { content: ""; width: 50%; height: 1px; background-image: linear-gradient(to right,#fff,transparent); top: 80px; left: 0; }.hero em, footer strong, .home h1, .home h2 { text-transform: uppercase; }.hero em, .it a:hover, .featured a:hover { font-style: normal; color: #39b54a !important; }.hero .start { bottom: -100px; }.start svg { margin: 0 auto; }.hero p:nth-of-type(2) { max-width: 500px; }.hero .grid, main details { text-align: left; }.hero .btn { margin-top: 40px; } .home h2, .intro h1 { margin-bottom: 0; }.home h3, .intro h2 { margin-top: 0; color: #3c3c3c; }.intro { padding: 20px 10px 40px; }.intro p, .it p { max-width: 90%; margin: 20px auto; }.intro h2, .latest .post h2 { text-transform: unset; }.phones { background-image: linear-gradient(#fff 10%,#eee 10% 90%,#fff 90%); margin: 40px 0; background-size: 100% }.phones .grid > div:nth-of-type(1) { padding-left: 10px; grid-row: span 2 }.phones div > div:nth-of-type(2n+2) a h3, .reasons > div:nth-of-type(odd) > div, .solutions .grid > div:nth-of-type(odd) h2 { left: 0; border-radius: 0 5px 5px 0; }.phones div > div:nth-of-type(2n+3) a h3, .reasons > div:nth-of-type(even) > div, .solutions .grid > div:nth-of-type(even) h2 { right: 0; border-radius: 5px 0 0 5px; }.phones div > div:nth-of-type(2n+3) a h3 { right: 0; }.phones div > a h3, .reasons > div > div, .solutions .grid h2 { background-color: rgba(0,107,183,.9); padding: 10px 20px; }.phones div > a img, .it .grid > div img, .latest .post img, .solutions .grid img, .hospitality img { object-fit: cover; }.phones div > a img { width: 100%; height: 300px; border: 15px solid #fff; outline: 1px solid #eee; max-width: calc(100% - 30px); max-height: calc(100% - 30px) }.phones div > a h3 { top: 70%; transform: translateY(-70%); }.it { padding: 40px 0; }.it .grid > div img { width: 100%; height: 500px; object-position: 30%; }.it .grid > div:nth-of-type(1) img, .it .grid > div:nth-of-type(2) img { object-position: bottom; }.it .grid > div h3 { max-width: 50%; margin: 0; left: 50%; transform: translateX(-50%); bottom: 50px; }.it .grid > div:before { content: ""; width: 100%; height: 50%; bottom: 0; left: 0; right: 0 }.it .grid > div:nth-of-type(1):before { background-image: linear-gradient(transparent,#464646 50%); }.it .grid > div:nth-of-type(2):before { background-image: linear-gradient(transparent,#39b54a 50%); }.it .grid > div:nth-of-type(3):before { background-image: linear-gradient(transparent,#004a80 50%); }.it .grid > div:nth-of-type(4):before { background-image: linear-gradient(transparent,#736357 50%); }.featured { overflow-x: hidden; padding-top: 25px; }.featured > div { padding: 100px 20px; position: relative; }.featured > div:nth-of-type(even) .grid > div:first-of-type { order: 2; }.featured > div.hosted, .featured > div.cabling { width: calc(100% + 20px); margin-left: -20px; padding-left: 40px; padding-right: 40px }.featured .wrap { padding: 0 0 0 0; }.hosted, .cabling .wrap { transform: rotate(3deg); }.hosted { z-index: 999; }.hosted > img { object-position: 90% 50% }.cctv > img, .access > img { object-position: 30% 50% }.cabling > img { object-position: 70% 50% }.cctv, .cabling, .access { margin-top: -70px; }.featured .cctv { padding: 150px 20px; z-index: 777; }.cabling, .hosted .wrap { transform: rotate(-3deg); }.cabling { z-index: 888; }.latest { background-image: linear-gradient(#eee 40%,transparent 40%); padding-top: 100px; }.latest .post { min-height: 650px; background-color: #fff; padding: 10px; margin-top: 40px; border: 2px solid #eee; }body .postThumbnail img { float: none; display: block; width: 100% !important; height: 200px !important; max-width: 100%; margin: 0; padding: 0; border-radius: 0; object-position: 35% 50% }.postThumbnail img { top: 0; left: 0; }.latest .post h2 { padding-top: 200px; }.latest .posttags, .latest .postcats, .latest .post p:first-of-type { display: none; }.latest .post p:nth-of-type(3) { bottom: 10px; }.home .counter h2 { font-size: 60px; font-weight: 900; margin-top: 0; }.stats { background-image: url(/images/bg-stats.jpg); }.counter { padding-top: 5px; }.counter .grid { grid-gap: 0; }.counter .grid > div { border-left: 1px solid #eee; border-right: 1px solid #eee; }.counter .grid > div:first-of-type { border-left: none; }.counter .grid > div:last-of-type { border-right: none; }.partners { padding-bottom: 50px; margin-top: 40px; }.partners img { vertical-align: middle; margin: 40px; }.cta { padding: 60px 20px; }.carousel { height: 180px; overflow: hidden }.testimonials-home { background-color: #fff; height: auto; padding-bottom: 40px; }.testimonials-home h2, .testimonials-home h3, .testimonials-home p { text-align: center; }.testimonials-home h2 { color: #fff; padding: 20px; margin: 0; }.testimonials-home strong { display: block; font-size: 20px; }.testimonials-home span, .testimonials-home .fa-quote-right { color: #0070B3 }.testimonials-home .carousel { width: 95% !important; height: auto; margin-top: 20px; position: relative; left: 40px; }.testimonials-home .cycle-slide { width: 423px; height: 355px; vertical-align: top; padding: 20px; margin: 20px 10px; box-shadow: 0 0 10px rgba(0,0,0,.1); overflow: hidden; white-space: normal; }.testimonials-home .width.cycle-slide { width: 400px; }.testimonials-home .fa-quote-right { font-size: 32px; }.testimonials-home .pager a { font-size: 40px; color: #0070B3; padding: 170px 0; position: absolute; z-index: 999; }.testimonials-home .pager a:hover { color: #39B54A; }.testimonials-home .pager a:first-of-type { left: 0; }.testimonials-home .pager a:last-of-type { right: 0; }.testimonials-home .grid.fifth { grid-column-gap: 1px; grid-template-columns: repeat(5,0fr); margin-left: 36%; } main { padding: 40px 10px; }main h1, .home h2, .estimate a, h2.big, .remote h2 { font-size: 24px; }main h2, .top, .latest .post h2, .remote h3 { font-size: 20px; }main h3, .hero .start, .home .intro h2, .estimate, .testimonials h2, .faq h2 { font-size: 18px; }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }main summary { font-weight: 700; }main details { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; }main details:last-of-type { border: none; }.nolist, footer ul, .contact ul, .blogsidebar ul, .pr ul { list-style: none; padding: 0; }.why svg { float: left; margin-right: 10px; }.reasons, .solutions .grid { margin: 50px 0 20px; }.reasons img, .gallery img { object-fit: cover; }.gallery { display: flex; flex-wrap: wrap; margin: 0 -15px; overflow: hidden }.gallery a { flex: 1 0 250px; display: block; margin: 5px; max-height: 170px }.gallery img { height: 100%; width: 100%; object-position: 50% 35% }.reasons > div > div { max-width: 80%; background-color: rgba(0,107,183,.9); padding: 20px; top: 55%; }.reasons img { width: calc(100% - 40px); height: 350px; padding: 20px; border: 1px solid #eee; }.reasons h3, .reasons p { margin: 0; }.solutions .grid > * { padding: 20px 20px 10px; border: 1px solid #eee; }.solutions .grid img { width: 100%; max-height: 300px; }.solutions .grid a > div, .solutions .grid > div > div { position: relative }.solutions .grid h2 { bottom: 50px; }.solutions .grid ul { margin-top: 0; }.remote { padding: 20px 0; }.remote .grid > div { padding: 20px 20px 10px; border: 1px solid #eee; }.remote .grid svg { background-color: #006bb7; padding: 10px; border-radius: 50px; }.remote .grid h3 { max-width: 250px; margin: 15px auto; }.logos img { max-width: 215px; max-height: 60px; margin: 20px; }.swap .grid:nth-of-type(even) > div:first-of-type { order: 2; }.hospitality img { width: 100%; height: 400px; }.hospitality > div:first-of-type img { object-position: top; }.contact > .grid { grid-template-columns: 250px 1fr; grid-gap: 0; margin: 50px 0 20px; }.contact .address, .contact .grid > div:last-of-type { border-radius: 5px; }.contact .address { background-color: #fff; padding: 20px 60px; margin-top: 40px; box-shadow: 0 2px 5px rgba(0,0,0,.2); }.contact > .grid > div:last-of-type { padding: 60px 40px 50px 100px; }.contact .social, .estimate a, .solutions .grid { text-align: left; }.contact .social { margin-top: 40px; }.blogs { grid-template-columns: 250px 1fr !important; }.blogsidebar { font-size: 16px; }.post h2 a:hover { color: #39b54a; }blockquote { padding-left: 20px; margin: 20px 0; border-left: 5px solid #006bb7; }cite { display: block; margin-top: 10px; }.comxchange {background-color:#6fbae6;border-radius: 10%; padding: 20px; margin-top: 50px; margin-bottom: 50px;}.comxchange div div {background-color: #eee; margin: 7px; padding: 10px; border-radius: 10px;}.comxchange div ul {font-size: 15px; }.comxchange h2 {color: #eee; font-size: 40px;}.orange {color:#ED6D00;} .blue {color:#0070B3;}.phonescomx a {color:#ED6D00;}.phonescomx {padding-bottom: 60px;}.phonescomx h2{font-size: 40px;}.phonescomx h3 {font-size: 30px; font-weight: normal; padding-bottom: 0px;}.small {font-size: smaller;}.box {border:solid #ED6D00 1px;}.white {color:#eeee;} .hero .ai h1, .hero .ai p, .hub h2, .hub p, .hub summary, .enterprise h2, .enterprise h3, .enterprise p, .benefits h2, .benefits p, .process .grid h3, .process .grid p { text-align: center; }.hero .ai h1, .hero .ai p, .hub h2, .enterprise h2, .benefits h2, .benefits p { margin: 0; }.hero .ai h1 { font-size: 45px; }.hero .ai p { font-size: 18px; color: #3c3c3c; text-shadow: none; }.hero .ai .btn, .hero .ai .grid > a p, .supervity .btn { font-size: 16px; }.hero .ai p, .hero .ai .btn, .supervity .btn { font-weight: 400; }.hero .ai .btn { margin-top: 20px; }.hero .ai .grid, .supervity .grid { grid-gap: 0 40px; }.hero .ai .grid > div, .coach h3, .coach p { text-align: right; }.hero .ai .grid > a { padding-top: 10px; }.hero .ai .grid > a p { text-align: left; margin-top: 4px; }.hero .ai svg { vertical-align: middle; background-color: #39b54a; float: left; padding: 5px; margin-right: 5px; border-radius: 100%; }.supervity > div { margin: 40px 0; }.supervity h2 { font-size: 36px; }.supervity h3 { font-size: 24px; line-height: 1.2; margin: 15px 0 10px; }.hub { background-color: #f5f5f5; padding: 40px; }.hub details, .hub summary { display: inline-block; }.hub details { margin: 0 10px; border-bottom: none; }.coach .grid { grid-template-columns: 1fr 350px; }.configure .grid { grid-template-columns: 350px 1fr; }.enterprise h3 { font-size: 20px; }.process .grid div { border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 40px; margin: 20px 0; } .testimonialsContainer { padding: 10px 0; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }.carouselTestimonials img { width: 240px; margin: 0 12px; }.carouselTestimonials { border-bottom: 1px solid #eee; height: 90px; } form { margin: 20px 0; }form .grid { grid-gap: 5px 20px; }form label, form input[type=file], form input, .latest .post p:nth-of-type(3) a { display: block; }form label, form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form input[type=submit], form select, form input[type=file], form textarea { font-family: 'Red Hat Display', sans-serif; font-size: 16px; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=file], form textarea { background-color: #eee; padding: 0 15px; border: none; }form input[type=text], form input[type=email], form input[type=tel], form select, form input[type=file] { margin-bottom: 5px; }form .grid input { margin-bottom: 0 !important; }form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form textarea { width: calc(100% - 30px); }form input[type=text], form input[type=email], form input[type=tel], form select { height: 50px; }form select { width: 100%; }form input[type=file] { padding: 13px 15px; }form textarea { height: 200px; padding: 15px; }form input[type=submit], .btn, .latest .post p:nth-of-type(3) a { display: inline-block; min-width: 160px; background-color: #006bb7; font-weight: bold; text-align: center; color: #fff; padding: 10px 25px; margin: 10px 0; border-radius: 5px; border: none; }form input[type=submit]:hover, a.btn:hover, .phones a:hover h3, .latest .post p:nth-of-type(3) a:hover, .solutions .grid a:hover h2 { background-color: #39b54a; }form input[type=submit] { min-width: 250px; padding: 15px 30px; }#contact input[type=text], #contact input[type=email], #contact input[type=tel], #contact select, #contact textarea { background-color: #fff; }.cta #contact { margin-top: 40px; }#whitepaper, #officemove { margin-top: 40px; }.cabling-textarea > textarea {height:60px; padding-top: 5px;} footer { font-size: 16px; }footer > .wrap { padding: 20px 10px 0; }footer ul { margin: 40px 0; }footer .grid.fourth img { margin: 0; }footer .flex { margin: 1em -10px ;padding-bottom:10px}footer .flex li{margin:5px 10px}footer .flex a{white-space:nowrap;}footer h2{font-size:16px;text-transform:uppercase}.mark img { margin: 0 0 0 auto }.estimate { margin-bottom: 100px; }.estimate p { max-width: 900px;margin:0;padding:1em 10px }.estimate a { width:100%;max-width: 600px; font-weight: bold; background-color: #006bb7; background-image: url(/images/get-in-touch.png);background-repeat:no-repeat;background-position:80% 30%; padding: 30px 60px; border-radius: 5px 0 0 5px; right: 0; z-index: 999; }.estimate:after { content: ""; background-image: linear-gradient(to right,transparent 50%,#006bb7 50%); width: 100%; height: 96px; right: 0; z-index: 888; }.subfoot { background-color: #4d4d4d; }.subfoot .wrap { padding: 20px 10px; }.subfoot a:hover{color:#fff;text-decoration: underline;}.social li { margin: 0 5px; }.ciframe { height: 100%; }#policy details { padding-bottom: 0; margin-bottom: 0 }#policy h4, #policy .accordion-section-content { padding-left: 10px; padding-right: 10px }#policy article a[href^=http]{word-break:break-word} @media(max-width:999px) { nav ul ul { display: none !important } .estimate:after { display: none } .contact > .grid { grid-template-columns: 1fr } .contact .address { position: relative; top: unset; display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 20px; padding: 20px 0 20px 20px } .contact .address > div { padding: 0 20px } .contact > .grid > div:last-of-type { padding: 60px 40px 50px } .latest .posts { grid-template-columns: 1fr 1fr } .latest .post { min-height: unset; padding-bottom: 100px } .testimonials-home .carousel { width: 99% !important; left: 0; } .testimonials-home .pager { display: none; } .grid.cablehead { grid-template-columns: 1fr!important; } .grid.cablehead h2 { margin-top: auto!important; } .comxchange .grid.third { grid-template-columns: 1fr; } .clear div{ height: auto; padding: 20px 10px; min-height: 260px } .hero .wrap { top: unset; transform: none } .grid.seventh { grid-template-columns: repeat(4,1fr); } } @media(max-width:767px) { .grid.fourth { grid-template-columns: 1fr 1fr } .video.imgRight { float: none; } .video { margin: 1em -10px; width: calc(100% + 20px); max-width: calc(100% + 20px); } .it .grid > div img { height: 300px } .phones .grid.third { grid-template-columns: 1fr 1fr } .phones .grid.third > div:nth-of-type(1) { grid-row: unset; grid-column: span 2 } .phones { background-image: unset; background-color: #eee; padding: 20px 0 50px } .it .grid > div h3 { bottom: 25px; max-width: unset; width: 90% } .testimonials-home .carousel { padding: 0 0; overflow-x: hidden !important; } .estimate a{position:relative;display:block;max-width:unset;border-radius:0;background-position:110% 30% !important;box-sizing:border-box;padding:30px 20px} .estimate{margin:0;overflow:hidden} .hero .clear{ height: auto; padding: 20px 10px; min-height: 260px } .grid.seventh { grid-template-columns: repeat(2,1fr); }} @media(max-width:700px) { .hero strong:after { top: 105px; } .blogs .post > img:first-of-type { margin: 0 -10px; width: calc(100% + 20px); max-width: calc(100% + 20px) } .grid.fifth { grid-template-columns: 1fr 1fr 1fr; } .grid.structured > div:last-of-type{grid-template-columns:1fr 1fr;} .grid.structured { grid-template-columns: 1fr } .grid.structured img{width:240px;height:240px;aspect-ratio: auto 1 / 1} .clear img {display: none;}} @media(max-width:600px) { .hero strong:after { top: 60px; } header .grid, .solutions .grid, .grid.half, .subfoot .grid.third { grid-template-columns: 1fr } .hero { height: auto; padding: 20px 10px; min-height: 260px } .hero .wrap { top: unset; transform: none } header ul { text-align: center } .solutions .grid > * { padding: 10px } .subfoot p { text-align: center } footer ul { margin: 1em 0 } .imgRight { float: none; margin: 0 auto; max-width: 100% } .gallery a { flex: 1 0 140px } .gallery img { max-height: 120px } .featured > div { padding-top: 50px; padding-bottom: 50px } .featured > div.cabling, .featured > div.hosted { width: calc(100% - 40px) } .featured p, .featured h2, .featured h3 { background-color: rgba(255,255,255,.7); color: #000; margin: 0 -20px; padding: 20px } .mark img { margin: 0 auto }} @media(max-width:500px) { .phones .grid.third, footer .grid.fourth, .grid.third, .contact .address { grid-template-columns: 1fr } .phones .grid.third > div:nth-of-type(1) { grid-column: unset } .phones div > a img { height: 200px } footer .grid.fourth img{margin:0 auto;display:block} footer .grid.fourth > div:first-of-type p, footer .grid.fourth > div:first-of-type li { text-align: center } footer .grid > div:nth-of-type(1n+2) a,footer .flex a { display: block; padding: 5px 15px; background-color: #006bb7; border-radius: 5px; color: #fff; white-space: nowrap; margin: 5px } footer .flex li{margin:0} footer .flex a{margin:5px} footer .grid > div:nth-of-type(1n+2) ul { display: flex; flex-wrap: wrap; margin: 0 -5px } footer .grid > div:nth-of-type(1n+2) li { flex: 1 0 0; margin: 0 } body main .postThumbnail { float: none; margin: 0 auto; max-width: 100%; width: 100%; overflow: unset } .latest .posts { grid-template-columns: 1fr } .grid.structured img { width: 150px; height: 150px; } .grid.structured .grid{grid-gap:10px} .grid.seventh { grid-template-columns: repeat(1fr); } .logos img {max-width: 85%!important; }} @media(max-width:400px) { .hero strong:after { top: 100px; } .it .grid.fourth, .counter .grid.fourth { grid-template-columns: 1fr } .it .grid > div img { height: 200px; object-position: top !important } .it .grid > div h3 { bottom: 15px; } form input[type=submit] { width: 100% } .contact .address { padding-left: 0 } .contact > .grid > div:last-of-type { padding: 20px } body main .blogsidebar ul:first-of-type { grid-template-columns: 1fr } .grid.fifth { grid-template-columns: 1fr 1fr; }}