#body1 p { font-size: 1.05em; }
#body1 img { display: inline-block; }
#body1 h1 { display: inline-block; }
.body-img { width: 75px; }
#content-title { margin: 20px auto 20px auto; width: auto; text-align: center; }
#content-title div:nth-of-type(1) {width: 228px; display: inline-block;}
#content-title div:nth-of-type(2) {width: auto; display: inline-block;}
#content-title div:nth-of-type(3) {width: 240px; display: inline-block;}
#content-title img { margin-bottom: -10px; width: 230px; }

.servers {
    display: block; width: 100%; display: block; padding: 10px; border-radius: 25px; overflow: hidden;
    background-color: rgb(240, 243, 255); box-shadow: 0px 0px 20px rgba(0,0,0,0.05); text-align: center; margin: 30px auto;
}
.servers p { color: rgb(92, 110, 170); font-size: 1em; font-weight: 400; padding: 0px 50px; }
#server-book .s-page { padding-bottom: 15px; }
.servers a, .servers div { font-family: 'Mulish'; font-weight: 500; }
.server-row { display: block; }
.server {
    height: 125px; width: 125px; background: white; border-radius: 100%; margin: 0px 15px; cursor: default;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1); text-align: center; transition: 0.3s; display: inline-block;
}
.server:hover { transform: scale(1.2); }
/* .server.no-cost:not(:hover) img, .server.no-cost:not(:hover) .name { opacity: 0.5; } */
.server img { height: 65px; margin-top: 20px; }
.server .name { margin-top: 10px; font-size: 0.9em; display: block; }
.server .included { position: absolute; color: rgba(80,220,130,1); transform: rotate(-32deg); margin: 42px -10px 0px; padding: 1px 10px; font-weight: 500; background: white; z-index: 1; }
.server.app .name { margin-top: 0px; }
.server .cost {
    display: block; height: 28px; width: 28px; background: rgb(105, 217, 146); border-radius: 100%;
    position: absolute; margin: 15px -30px -15px 25px; color: white; font-size: 1em; line-height: 1.7em;
}
.server-lights {
    height: 55px; width: 30px; background: linear-gradient(100deg, rgba(255,255,255,1) 25%, rgba(80,220,130,1) 50%, rgba(255,255,255,1) 75%);
    margin: -60px 0px 0px 50px; animation-name: server-light-anim; animation-duration: 0.4s;
    animation-iteration-count: infinite; opacity: 0; animation-timing-function: linear;
}
.server:not(.custom):hover .server-lights { opacity: 1; }
@keyframes server-light-anim {
    0% { background-position: 0px; }
    100% { background-position: 32px; }
}
.servers span { display: block; width: 0px; height: 0px; border: 1px rgb(123, 145, 214) solid; }
span.across { margin: -65px auto 0px; }
span.width-2 { width: 125px; }
span.width-2 { width: calc(125px * 2); }
span.width-3 { width: calc(125px * 3); }
span.width-4 { width: calc(125px * 4); }
span.width-5 { width: calc(125px * 5); }
span.vertical { height: 130px; margin: 0px auto -60px; }
.book-switch { display: block; margin: 20px auto; width: 350px; background: white; border-radius: 25px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding: 5px; }
.book-switch .b-switch { width: 50%; padding: 10px 20px; text-align: center; cursor: pointer; display: inline-block; height: 42px; transition: 0.5s; position: relative; z-index: 2; }
.book-switch .b-switch.selected { color: white; }
.book-switch .toggle { background: #0b8cfe; width: 50%; display: block; margin-top: -42px; height: 42px; border-radius: 20px; transition: 0.5s; position: relative; z-index: 1; }
.book-switch.active-1 .toggle { transform: translateX(100%); }
#body1 .link[href="https://datamark.live/pricing"] { display: inline-block; width: 6.9em; margin: 0px 0.2em 0px; font-size: 1em; }
#body1 .link[href="https://calendly.com/datamarklive"] { display: inline-block; width: 9.2em; margin: 0px 0.2em 0px; font-size: 1em; }

#compare-results { display: table; width: 100%; box-shadow: 0px 0px 20px rgba(0,0,0,0.05); background-color: rgb(240, 243, 255); border-radius: 25px; margin: 30px auto; }
#compare-results div, #compare-results a { font-family: 'Mulish'; font-weight: 300; }
#compare-results .cell { padding: 10px 20px; }
#compare-results .cr-row .cell:first-of-type { width: 390px; }
#compare-results .cr-row .cell:nth-of-type(2) { width: calc(100% / 3.2); }
#compare-results .cr-row .cell:not(:last-of-type) { border-right: 1px rgba(0,0,0,0.1) solid; }
#compare-results .cr-row:first-of-type .cell, #compare-results .cr-row:last-of-type .cell, #compare-results .cr-row .cell:first-of-type { font-weight: 500; }
#compare-results .cr-row:last-of-type .cell { border-top: 1px rgba(0,0,0,0.1) solid; font-size: 1.05em; }
.cr-row { display: table-row; }
.dml:not(.total) { background-color: #0b8cfe; color: white; border-radius: 0px 25px 0px 0px; }
.dml.total { color: rgb(15, 187, 115); }
.competitor:not(.total) { background-color: rgb(150, 160, 190); color: white; }
.competitor.total { color: rgb(92, 110, 170); }
#compare-results input, #compare-results select { padding: 4px 8px; font-size: 0.95em; margin: 0px 0px 0px 10px; float: right; width: 138px }
#compare-results select { padding-right: 30px; background-position: right 6px center; background-size: 16px auto; }
#expert-help { margin: 50px auto; }
#body1 .body-img { float: left; width: 3.5em; margin-right: 0.6em; }
.calc_info { margin: 0px 0px 0px 10px; float: none; }
#server-specs .item { text-align: left; font-size: 0.9em; color: rgba(0,0,0,0.7); margin: 10px 0px; }
@media (max-width: 950px) {
    #content-title { margin-top: 30px; }
    #content-title h1 { font-size: 2em; }
}
@media (max-width: 850px) and ( min-width: 610px ) {
    #server-book .s-page { transform: scale(0.8); margin: -50px -100px; }
}
@media (max-width: 840px) {
    #compare-results input, #compare-results select { float: none; }
    #compare-results select { margin: 10px 0px 0px; display: block; }
}
@media (max-width: 660px) and ( min-width: 611px ) {
    #server-book .s-page { transform: scale(0.7); margin: -80px -120px; }
    #server-book .s-page p { font-size: 1.4em; }
}
@media (max-width: 610px ) {
    .s-page .across:first-of-type { opacity: 0; }
    .s-page .width-5 { width: 260px; height: 260px; margin-top: -324px; border-radius: 100%; border-width: 2px; }
    #compare-results input { margin: 10px 0px 0px; display: block; }
    #compare-results input, #compare-results select { width: 100%; }
    .s-page .server-row:nth-of-type(2) {
        display: flex; flex-flow: wrap; text-align: center; justify-content: center;
    }
    .s-page .server-row:nth-of-type(2) .server:nth-of-type(2) { order: 3; }
    .s-page .server-row:nth-of-type(2) .server:nth-of-type(4) { order: 4; }
    .s-page .server-row:nth-of-type(2) .server:nth-of-type(5) { order: 5; }
}
@media (max-width: 540px) {
    #server-book .s-page { transform: scale(0.8); margin: -50px; }
    .book-switch { width: 100%; }
    #compare-results {
        font-size: 0.8em; margin: 0px -25px; width: calc(100% + 50px); border-radius: 0px;
    }
    #compare-results .cr-row:not(:first-of-type) .cell { border-top: 1px rgba(0,0,0,0.1) solid; }
    .dml:not(.total) { border-radius: 0px; }
}
@media (max-width: 440px) {
    #server-book .s-page { transform: scale(0.8); margin: -50px -100px; }
}
@media (max-width: 415px) {
    #server-book .s-page { transform: scale(0.7); margin: -100px -120px; }
    #server-book .s-page p { font-size: 1.4em; }
    .book-switch { font-size: 0.8em; }
    .book-switch .b-switch { height: 3em; }
    .book-switch .toggle { margin-top: -3em; height: 3em; }
}
@media (max-width: 415px) {
    #server-book .s-page { transform: scale(0.6); margin: -150px -120px; }
    .book-switch { font-size: 0.7em; }
}
@media (hover: none){
    .server.your-server { transform: scale(1.2); }
    .server.your-server .server-lights { opacity: 1; }
}