.loc-list{ margin-left:-3%; } .image-wrap p.h4 { font-size: 2.0rem !important; } .promo-fulldiv .data { text-transform: inherit; margin-left: 30px; } .web-ulnu{ margin-top: 0; margin-bottom: 1rem; line-height: 2.0; } /* .in-frame{ margin-left: 83px; margin-top: 62px; } */ #serviceInternalGetAQuote .formDiv{ border: 1px solid #f6814e; margin-bottom: 50px; background: #FFF; } .rows .colums { /*rder: 1px solid #ddd;*/ border-left: 1px solid #ddd; /*color: #e03040;*/ /*font-weight: 800;*/ font-weight: bold; font-size: 1rem; } #ppc-header{ padding: 20px; /* background-color: #e03040;*/ border-radius: 15px 15px 0 0; } .service-info-graphic-wrap{ background: #199dbf; } .data{ text-transform: inherit; margin-left:15px; } .service-info-graphic-wrap.panel.callout .container.row.twelve{ padding:0!important; } .percent{ display:flex; justify-content:center; align-items:center; width: 150px; height: 150px; border-radius: 75px; background-clip: padding-box; background: #FFF; border: 10px solid #9b73a1; position: relative; box-shadow: 0 0 0 10px #FFF, 0 15px 10px rgba(28,28,28,0.7); margin-bottom: 30px !important; } .national .percent{ width: 150px; min-width: 150px; } .web-promdiv .multi.in-frame{ padding: 0 65px !important; } .promo-multi .num{ font-size: 2.4rem !important; } .num{ position: relative; /* top: 25%; left: 30%;*/ white-space: normal; font-size: 2.4rem; line-height: 1em; font-weight: 600; color: #9b73a1 !important; text-align: center; } .percent .num .num-text { margin: 5px auto; display: block; color: #9b73a1 !important; } .num-text{ font-size: 1rem; line-height: 1.1428571428571428em; } .multchnl-num{ position: absolute; top: 37%; left: 42%; white-space: normal; font-size: 2.4rem; line-height: 1em; font-weight: 600; color: #23438e!important; text-align: center; } .source, .source-sm{ font-size: 12px; font-weight: 100; } .data .source{ font-size: .8rem !important; display: block; } .image-wrap .image-item{ text-align: center; width: 100%; height: 300px; overflow: hidden; position: relative; flex: 1; } .image-text{ font-size: 22px; } .title-area .h2{ font-size: 2.8rem; font-weight: 300; } .title-area .title-area2{ font-size:100%; font-weight: 900; } .headline .h2{ font-size: 2.8rem; font-weight: 900; } /* h2, .h2{ font-size: 2.4rem; }*/ .service-info-graphic-wrap .container .multi.in-frame{ display: inline-block; text-align: center; padding: 0 20px; margin: 0; } .service-info-graphic-wrap .container .multi.in-frame .percent { margin: 0 auto 30px; } .service-info-graphic-wrap .container .multi.in-frame .percent .num { font-size: 2.0rem; display: flex; justify-content: center; align-items: center; flex-direction: column; } .service-info-graphic-wrap .container .multi.in-frame .percent .num small { font-size: 1rem; font-weight: 800; } .service-info-graphic-wrap .container .multi.in-frame .data { font-size: 24px; margin: auto; display: block; max-width: 250px; font-size: 24px; line-height: 1.2em; text-align: center; padding-left:0 !important; padding-bottom: 20px; } @media only screen and (min-width:1200px){ .promo-fulldiv .service-info-graphic-wrap{ background: #23438e; height:auto !important; } .service-info-graphic-wrap .container .multi.in-frame .data { padding-top: 25px; } } @media only screen and (min-width: 768px){ .promo-fulldiv .service-info-graphic-wrap .headline { margin-bottom: 10px !important; } } @media only screen and (max-width: 992px){ .service-info-graphic-wrap{ /*height: 543px;*/ } .data.h4 { font-size: 2rem !important; } /* .in-frame{ margin: auto; }*/ } .service-info-graphic-wrap .callout .headline.col-12.d-lg-flex.align-items-center.justify-content-center{ text-align: -webkit-center !important; } @media only screen and (max-width: 767px){ .percent{ margin: auto; margin-top: 30px; } .rows .colums { border: 1px solid #ddd; color: #e03040; font-weight: 800; font-size: 0.8rem; } .national .service-info-graphic-wrap .headline{ margin-bottom: 50px; } } @media only screen and (min-width: 768px){ .national .service-info-graphic-wrap .percent{ width: 150px; } .service-info-graphic-wrap .headline{ margin-bottom: 10px; } .national .service-info-graphic-wrap .headline{ margin-bottom: 80px; /*margin-top: 45px;*/ } .data.h4.ml-md-4 { text-align: center; } /*.data{ padding-left: 30px !important; }*/ } .headline .percent{ bottom: 10px; } @media only screen and (min-width:992px){ .location .service-info-graphic-wrap .callout .headline.align-items-center{ align-items: baseline !important; margin-bottom: 20px; } .service-info-graphic-wrap .callout .headline.pt-2{ padding-top: 30px !important; } .Design .title-area2{ display: block; } }