/*@import url('https://fonts.googleapis.com/css?family=Basic|Fira+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Basic|Fira+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,600,600i&display=swap&text=0123456789'); /* only numbers loaded; we replace Raleway with these; purposely reducing the weight to try to match Raleway */
@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');
/* color vars */
:root { --retail-bg-color: #000; /* displays under white text in embed headers */ --retail-scroll-color: #000; /* displays on scrollbars/ranges */ --retail-btn-color: #666; /* cta button on build & price */ }
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*# sourceMappingURL=normalize.min.css.map */
img { max-width: 100%; }
/* BASE CLASSES */
.hidden { display:none; }
.clear { clear: both; }
.indent { text-indent: -10000px; }
.flush { margin: 0; padding: 0; }
.lists { list-style: none; }
.centered { margin-left: auto; margin-right: auto; }
.fleft { float: left; }
.fright { float: right; }
.float-right { float: right; z-index: 1; }
.float-left { float: left; z-index: 1; }
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }
.relative { position: relative; }
.abs { position: absolute; }
.block { display: block; }
.iblock { display: inline-block; }
.invisible { display: none; }
.caps { text-transform: uppercase; }
.lcaps { text-transform: lowercase; }
.horiz li { display: inline; }
.nowrap { white-space: nowrap; }
/*.clearfix { overflow:auto; width:100%; }*/
/* The following rule prevents content wrapping under a floated element. A value for "overflow" other than "visible" creates a new block formatting context (see http://www.w3.org/TR/CSS2/visuren.html#block-formatting); The display rules fix IE not working in some cases */
.vertical-clear { overflow: auto; display: inline-block; display: block; }
/* make bottom of element clear floated child elements */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
/* For IE 6/7 only (trigger hasLayout) */
/* buttons */
.btn { padding: 10px 20px; font-size: 14px; border-radius: 0px; border: none; }
.btn-small { padding: 5px 10px; font-size: 10px; }
.btn:hover { cursor: pointer; }
.btn:focus { outline: none; }
.btn.hidden { display:none; }
a.btn { text-decoration: none; display: inline-block; }
select.btn { padding: 8px 20px; }
.red { color: #fff; background-color: #e1251b; border: 1px solid #d0140a; }
.red:hover { background-color: #f00; color: #fff; }
.dark-blue { color: #fff; background-color: #1B365D; border: 1px solid #212121; }
.dark-blue:hover { background-color: #3365aa; color: #fff; }
.green { color: #fff; background-color: #59b200; border: 1px solid #48a100; }
.green:hover { background-color: #6c0; color: #fff; }
.white { color: #000; background-color: #fff; border: 1px solid #d9d9d9; }
.white:hover { background-color: #d9d9d9; }
.light-gray { color: #000; background-color: #f2f2f2; border: 1px solid #d2d2d2; }
.light-gray:hover { background-color: #fff; }
.gray { color: #000; background-color: #d9d9d9; border: 1px solid #bbb; }
.gray:hover { background-color: #fff; }
.site-color { color: #1B365D; }
.standard { color: #fff; background-color: #1B365D; border: 1px solid #1B365D; }
.standard:hover { color: #1B365D; background-color: #fff; border-color: #1B365D; }
.reversed { color: #1B365D; background-color: #fff; border: 1px solid #1B365D; }
.reversed:hover { color: #fff; background-color: #1B365D; }
.btn.fright + .btn.fright { margin-right: 1em; }
.dhwidget-left { float: left; }
.dhwidget-right { float: right; }
.dhwidget.form-dhwidget .form-one { float: left; margin: 0 1%; position: relative; width: 98%; }
.dhwidget.form-dhwidget .form-two { float: left; margin: 0 1%; position: relative; width: 48%; }
.dhwidget.form-dhwidget .form-three { float: left; margin: 0 1%; position: relative; width: 31.33%; }
.dhwidget.form-dhwidget input[type="text"], .dhwidget.form-dhwidget input[type="password"], .dhwidget.map-dhwidget input[type="text"] { box-sizing: border-box; height: 32px; line-height: 32px; }
.dhwidget.form-dhwidget input[type="text"], .dhwidget.form-dhwidget input[type="password"], .dhwidget.map-dhwidget input[type="text"] { border: 1px solid #c6cacc; box-sizing: border-box; margin-bottom: 4px; margin-top: 4px; padding: 4px; width: 100%; }
.dhwidget.form-dhwidget .placeholder { color #999; }
.dhwidget.form-dhwidget .form-required { color: #f77; font-weight: bold; position: absolute; right: 4px; top: 4px; }
.dhwidget.form-dhwidget .select-container select, .dhwidget.map-dhwidget .select-container select { background-color: transparent; border: 0 solid #777; box-sizing: content-box; cursor: pointer; height: 32px; margin: 0; outline: 0 none; padding: 0 24px 0 0; position: relative; z-index: 2; }
.dhwidget.form-dhwidget select, .dhwidget.map-dhwidget select { box-sizing: border-box; margin-top: 4px; padding: 4px; width: 100%; }
.dhwidget.form-dhwidget textarea { border: 1px solid #c6cacc; box-sizing: border-box; margin-top: 4px; padding: 4px; width: 100%; }
.dhwidget.form-dhwidget .form-required-legend { margin: 16px 0 0; text-align: right; }
.dhwidget.form-dhwidget .form-submit { text-align: center; }
.dhwidget.form-dhwidget .select-container, .dhwidget.map-dhwidget .select-container { background: #fff url("https://coressl.digitalhill.com/core2/media/images/select.png") no-repeat scroll right center; border: 1px solid #c6cacc; box-sizing: border-box; display: inline-block; height: 32px; margin-top: 4px; overflow: hidden; padding: 0; position: relative; width: 100%; }
.mario { display: none; }
.dhwidget.form-dhwidget .error { background-color: #fcc; }
.form-widget-inputhidden,
.form-widget-require { display: none; }
label[for] { cursor: pointer; }
/* this makes active labels change the cursor */
.dev-log { clear: both; background-color: #fff; color: #000; padding: 1em 1rem; margin: 0; }
table.standard-table { border-collapse: collapse; }
table.standard-table th,
table.standard-table td { padding: .25em .5em; border: 1px solid #666; }
table.standard-table th { text-align: left; }
table.align-top th,
table.align-top td { vertical-align: top; }
ul.errorlog-errors,
ul.errorlog-errors li { margin: 0; padding: 0; list-style-type: none; }
ul.errorlog-errors { display: block; position: relative; border: 1px solid #900; background-color: #fff3f3; padding: .25em; margin-bottom: .25em; color: #900; }
ul.errorlog-errors:before { content: "ERRORS: "; font-weight: bold; }
.toggle-following { cursor: pointer; }
.toggle-following:before { content: "+"; display: inline-block; font-weight: bold; padding-right: .25em; }
.toggle-following.expanded:before { content: "-"; }
.toggle-following + * { display: none; }
.toggle-following.expanded + * { display: block; }
.dev-site-notice { position: fixed; z-index: 9999999; top: 0; right: 0; padding: .25em; background-color: #ffb600; color: #000; font-size: 11px; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-family: Arial; }
.customize-support .dev-site-notice { top: 32px; }
img.icon-help { width: 14px; opacity:.8; }
img.icon-help:hover { opacity: 1; }
@media screen {
.print-only,
.screen-hide { display: none !important; }
}
@media print {
.screen-only,
.print-hide { display: none !important; }
}
/* FILE LIST STYLES */
.file-page,
.file-solid,
.file-outline { padding-left: 20px; background: transparent url(../img/filetypes/page/txt.svg) no-repeat top left/16px; }
.file-solid { background-image: url(../img/filetypes/solid/txt.svg); }
.file-outline { background-image: url(../img/filetypes/outline/txt.svg); }
li.file-page,
li.file-solid,
li.file-outline { list-style-type: none; margin-left: -20px; }
.file-solid.folder { background-image: url(../img/filetypes/solid/folder.svg); }
.file-solid.file-doc,
.file-solid.file-docx { background-image: url(../img/filetypes/solid/doc.svg); }
.file-solid.file-ppt,
.file-solid.file-pptx { background-image: url(../img/filetypes/solid/ppt.svg); }
.file-solid.file-xls,
.file-solid.file-xlsx { background-image: url(../img/filetypes/solid/xls.svg); }
.file-solid.file-pdf { background-image: url(../img/filetypes/solid/pdf.svg); }
.file-solid.file-jpg,
.file-solid.file-jpeg,
.file-solid.file-gif,
.file-solid.file-svg,
.file-solid.file-png,
.file-solid.file-tif { background-image: url(../img/filetypes/solid/img.svg); }
.file-solid.file-mov,
.file-solid.file-mpg,
.file-solid.file-mp4,
.file-solid.file-avi,
.file-solid.file-wmv { background-image: url(../img/filetypes/solid/video.svg); }
.file-page.folder { background-image: url(../img/filetypes/page/folder.svg); }
.file-page.file-doc,
.file-page.file-docx { background-image: url(../img/filetypes/page/doc.svg); }
.file-page.file-ppt,
.file-page.file-pptx { background-image: url(../img/filetypes/page/ppt.svg); }
.file-page.file-xls,
.file-page.file-xlsx { background-image: url(../img/filetypes/page/xls.svg); }
.file-page.file-pdf { background-image: url(../img/filetypes/page/pdf.svg); }
.file-page.file-jpg,
.file-page.file-jpeg,
.file-page.file-gif,
.file-page.file-svg,
.file-page.file-png,
.file-page.file-tif { background-image: url(../img/filetypes/page/img.svg); }
.file-page.file-mov,
.file-page.file-mpg,
.file-page.file-mp4,
.file-page.file-avi,
.file-page.file-wmv { background-image: url(../img/filetypes/page/video.svg); }
.file-outline.folder { background-image: url(../img/filetypes/outline/folder.svg); }
.file-outline.file-doc,
.file-outline.file-docx { background-image: url(../img/filetypes/outline/doc.svg); }
.file-outline.file-ppt,
.file-outline.file-pptx { background-image: url(../img/filetypes/outline/ppt.svg); }
.file-outline.file-xls,
.file-outline.file-xlsx { background-image: url(../img/filetypes/outline/xls.svg); }
.file-outline.file-pdf { background-image: url(../img/filetypes/outline/pdf.svg); }
.file-outline.file-jpg,
.file-outline.file-jpeg,
.file-outline.file-gif,
.file-outline.file-svg,
.file-outline.file-png,
.file-outline.file-tif { background-image: url(../img/filetypes/outline/img.svg); }
.file-outline.file-mov,
.file-outline.file-mpg,
.file-outline.file-mp4,
.file-outline.file-avi,
.file-outline.file-wmv { background-image: url(../img/filetypes/outline/video.svg); }
/** GLOBAL COLUMN STYLES
There are three methods of columns:
1. the float method (.dhcolumn)
2. the flexbox method (.dhflex)
3. the grid method (.dhgrid)
All three use the same width classes, since I believe that width, flex-basis and grid-column do not conflict
The markup differs in two ways:
1. The flexbox and grid method requires a container (.dhflex-wrap, .dhgrid-wrap)
2. The float method requires
between rows
The float method is here for backwards compatibility since most of the site was built with it, but the flexbox method should be used where possible because of these advantages:
1. matchHeight in JS isn't necessary, because flexbox takes care of it
2. Because there are no
enforcing breaks, changing column widths for responsive is more convenient
Experiment with the differences using test-columns.php
*/
/* float method */
.dhcolumn { float: left; box-sizing: border-box; margin: 0 0 1em 0; }
.dhcolumn + br { clear: left; }
.dhcolumn + .dhcolumn { margin-left: calc(100% / 60); }
/* flexbox method */
.dhflex-wrap { display: flex; flex-flow: row wrap; justify-content: space-between; }
.dhflex { box-sizing: border-box; margin: 0 0 1em 0; overflow: hidden; }
/* grid method */
.dhgrid-wrap { display: grid; grid-gap: 1em calc(100% / 60); grid-template-columns: repeat(60, 1fr); min-width: 0; }
.dhgrid { width: auto !important; }
.dhgrid + hr { display: none; }
/* only included to allow support for IE10/11 flexbox fallback */
/* all methods */
.dhcolumn,
.dhflex,
.dhgrid { padding: 0; }
/* padding */
.pad1rem { padding: 1rem; }
.pad2rem { padding 2rem; }
.dhcolumn > :first-child,
.dhflex > :first-child,
.dhgrid > :first-child { margin-top: 0; }
.dhcolumn > :last-child,
.dhflex > :last-child,
.dhgrid > :last-child { margin-bottom: 0; }
.desktop-hide { display: none; }
.width-100 { grid-column: span 60; width: 100%; flex-basis: 100%; }
.width-90 { grid-column: span 54; width: 89.833%; flex-basis: 89.833%; }
.width-80 { grid-column: span 48; width: 79.666%; flex-basis: 79.666%; }
.width-75 { grid-column: span 45; width: 74.583%; flex-basis: 74.583%; }
.width-70 { grid-column: span 42; width: 69.5%; flex-basis: 69.5%; }
.width-67 { grid-column: span 40; width: 66.108%; flex-basis: 66.108%; }
.width-60 { grid-column: span 36; width: 59.333%; flex-basis: 59.333%; }
.width-50 { grid-column: span 30; width: 49.166%; flex-basis: 49.166%; }
.width-40 { grid-column: span 24; width: 39%; flex-basis: 39%; }
.width-33 { grid-column: span 20; width: 32.220%; flex-basis: 32.220%; }
.width-30 { grid-column: span 18; width: 28.833%; flex-basis: 28.833%; }
.width-25 { grid-column: span 15; width: 23.75%; flex-basis: 23.75%; }
.width-20 { grid-column: span 12; width: 18.666%; flex-basis: 18.666%; }
.width-17 { grid-column: span 10; width: 15.277%; flex-basis: 15.277%; }
.width-10 { grid-column: span 6; width: 8.5%; flex-basis: 8.5%; }
.dbform-wrapper .dhcolumn,
.form-widget .dhcolumn { padding: 1px 0; }
/* dhlightbox */
#dhlightbox { position: fixed; z-index: 999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; text-align: center; background-color: rgba(0,0,0,.8); }
#dhlightbox.hidden { display: none; }
#dhlightbox-content { position: relative; margin: auto; padding: 0; max-width: 1200px; }
#dhlightbox-close,
#dhlightbox-close-inner { color: white; position: absolute; top: 25px; right: 25px; font-size: 35px; font-weight: bold; }
#dhlightbox-close-inner { color: black; top: 0; right: .25em; display: none; }
#dhlightbox-close:hover, #dhlightbox-close:focus,
#dhlightbox-close-inner:hover, #dhlightbox-close-inner:focus { color: #999; text-decoration: none; cursor: pointer; }
#dhlightbox.dhpageleft #dhlightbox-content,
#dhlightbox.dhpagecenter #dhlightbox-content,
#dhlightbox.dhformlightbox #dhlightbox-content { padding: 1em 2em; max-width: 500px; background-color: #fff; max-height: 80%; overflow: auto; }
#dhlightbox.dhpageleft #dhlightbox-close,
#dhlightbox.dhpagecenter #dhlightbox-close,
#dhlightbox.dhformlightbox #dhlightbox-close { display: none; }
#dhlightbox.dhpageleft #dhlightbox-close-inner,
#dhlightbox.dhpagecenter #dhlightbox-close-inner,
#dhlightbox.dhformlightbox #dhlightbox-close-inner { display: block; }
#dhlightbox.dhpageleft #dhlightbox-content { text-align: left; }
/* use additional class when it's useful to adjust at tablet sizes */
@media only screen and (max-width:800px) {
.dhcolumn.tablet-100 { width: 100%; margin-left: 0; }
.dhcolumn.tablet-50 { width: 49.166%; }
.dhcolumn.tablet-50:nth-of-type(2n + 0) { margin-left: 0; }
/* corrects for new margins due to rows of 3, 4, or 5 becoming rows of 2 */
.dhcolumn.tablet-33 { width: 32.220%; }
/* intended to convert 25/75 or 20/80 columns to wider small column */
.dhcolumn.tablet-67 { width: 66.108%; }
/* intended to convert 25/75 or 20/80 columns to wider small column */
.tablet-hide { display: none; }
.tablet-100 { grid-column: span 60; flex-basis: 100%; }
.tablet-90 { grid-column: span 54; flex-basis: 89.833%; }
.tablet-80 { grid-column: span 48; flex-basis: 79.666%; }
.tablet-75 { grid-column: span 45; flex-basis: 74.583%; }
.tablet-70 { grid-column: span 42; flex-basis: 69.5%; }
.tablet-67 { grid-column: span 40; flex-basis: 66.108%; }
.tablet-60 { grid-column: span 36; flex-basis: 59.333%; }
.tablet-50 { grid-column: span 30; flex-basis: 49.166%; }
.tablet-40 { grid-column: span 24; flex-basis: 39%; }
.tablet-33 { grid-column: span 20; flex-basis: 32.220%; }
.tablet-30 { grid-column: span 18; flex-basis: 28.833%; }
.tablet-25 { grid-column: span 15; flex-basis: 23.75%; }
.tablet-20 { grid-column: span 12; flex-basis: 18.666%; }
.tablet-17 { grid-column: span 10; flex-basis: 15.277%; }
.tablet-10 { grid-column: span 6; flex-basis: 8.5%; }
}
/* use additional class when it's useful to adjust at phone sizes */
@media only screen and (max-width:600px) {
.dhcolumn.phone-100 { width: 100%; margin-left: 0; }
.dhcolumn.phone-50 { width: 49.166%; }
.dhcolumn.phone-50:nth-of-type(2n + 1) { margin-left: 0; }
/* corrects for new margins due to rows of 3, 4, or 5 becoming rows of 2 */
.dhcolumn.phone-33 { width: 32.220%; }
/* intended to convert 25/75 or 20/80 columns to wider small column */
.dhcolumn.phone-67 { width: 66.108%; }
/* intended to convert 25/75 or 20/80 columns to wider small column */
.phone-hide { display: none; }
.phone-100 { grid-column: span 60; flex-basis: 100%; }
.phone-90 { grid-column: span 54; flex-basis: 89.833%; }
.phone-80 { grid-column: span 48; flex-basis: 79.666%; }
.phone-75 { grid-column: span 45; flex-basis: 74.583%; }
.phone-70 { grid-column: span 42; flex-basis: 69.5%; }
.phone-67 { grid-column: span 40; flex-basis: 66.108%; }
.phone-60 { grid-column: span 36; flex-basis: 59.333%; }
.phone-50 { grid-column: span 30; flex-basis: 49.166%; }
.phone-40 { grid-column: span 24; flex-basis: 39%; }
.phone-33 { grid-column: span 20; flex-basis: 32.220%; }
.phone-30 { grid-column: span 18; flex-basis: 28.833%; }
.phone-25 { grid-column: span 15; flex-basis: 23.75%; }
.phone-20 { grid-column: span 12; flex-basis: 18.666%; }
.phone-17 { grid-column: span 10; flex-basis: 15.277%; }
.phone-10 { grid-column: span 6; flex-basis: 8.5%; }
.dev-log { overflow: hidden; }
}
/* IE10/11 fixes - due to broken box model and no CSS Grid support, we use flexbox instead - this means that the last line on IE10/11 won't sort to left nicely */
/* Without this fix, adding padding to a column would cause the box to expand and eventually break the row */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.dhgrid-wrap { display: flex; flex-flow: row wrap; justify-content: space-between; }
.dhgrid { box-sizing: border-box; margin-bottom: 1em; }
.width-100 { max-width: 100%; }
.width-90 { max-width: 89.833%; }
.width-80 { max-width: 79.666%; }
.width-70 { max-width: 69.5%; }
.width-60 { max-width: 59.333%; }
.width-40 { max-width: 39%; }
.width-30 { max-width: 28.833%; }
.width-20 { max-width: 18.666%; }
.width-10 { max-width: 8.5%; }
.width-67 { max-width: 66.108%; }
.width-33 { max-width: 32.220%; }
.width-17 { max-width: 15.277%; }
.width-75 { max-width: 74.583%; }
.width-50 { max-width: 49.166%; }
.width-25 { max-width: 23.75%; }
}
@media screen and (-ms-high-contrast: active) and (max-width: 800px), screen and (-ms-high-contrast: none) and (max-width: 800px) {
.tablet-100 { max-width: 100%; }
.tablet-90 { max-width: 89.833%; }
.tablet-80 { max-width: 79.666%; }
.tablet-70 { max-width: 69.5%; }
.tablet-60 { max-width: 59.333%; }
.tablet-40 { max-width: 39%; }
.tablet-30 { max-width: 28.833%; }
.tablet-20 { max-width: 18.666%; }
.tablet-10 { max-width: 8.5%; }
.tablet-67 { max-width: 66.108%; }
.tablet-33 { max-width: 32.220%; }
.tablet-17 { max-width: 15.277%; }
.tablet-75 { max-width: 74.583%; }
.tablet-50 { max-width: 49.166%; }
.tablet-25 { max-width: 23.75%; }
}
@media screen and (-ms-high-contrast: active) and (max-width: 800px), screen and (-ms-high-contrast: none) and (max-width: 600px) {
.phone-100 { max-width: 100%; }
.phone-90 { max-width: 89.833%; }
.phone-80 { max-width: 79.666%; }
.phone-70 { max-width: 69.5%; }
.phone-60 { max-width: 59.333%; }
.phone-40 { max-width: 39%; }
.phone-30 { max-width: 28.833%; }
.phone-20 { max-width: 18.666%; }
.phone-10 { max-width: 8.5%; }
.phone-67 { max-width: 66.108%; }
.phone-33 { max-width: 32.220%; }
.phone-17 { max-width: 15.277%; }
.phone-75 { max-width: 74.583%; }
.phone-50 { max-width: 49.166%; }
.phone-25 { max-width: 23.75%; }
}