body { background-color: #fff; font-family: 'Montserrat', Arial, sans-serif; font-size: 1em; line-height: 1.7; margin: 0; padding: 0; }
img { vertical-align: bottom; }
img.scalable { height: auto !important; width: auto !important; max-width: 100%; vertical-align: bottom; }
.fancy { border: 1px solid rgba(255,255,255,.5); border-radius: .5em; padding: 2px; box-shadow: 0px 0px 5px rgba(0,0,0,.5); }
.accented { border-radius: 5px; border: 1px solid #222; }
.ctr { text-align: center; }
.spacer { height: 10px; }
.red { color: #ff0000; }
.yellow { color: #FC6; }
.spacerlg { height: 200px; }
#topnav, #banner, #footerwrap { margin: 0 auto 0 auto; max-width: 100%; }
/*Logo and Banner*/
#topnav { background-color: #0d4775; }
#topnav .logo { margin: 0 .5em 0 .5em; text-align: right; }
#topnav .logo img { margin: 20px auto; padding: .5em .5em 1em .5em; background-color: #fff; border-radius: 50%; }
.motto { margin: 0; padding: 0 0 1em 0; color: #fff; font-size: 150%; line-height: 1.5; font-weight: 700; text-align: center; font-style: italic; }
.motto2 { color: #0000cc; font-size: 120%; line-height: 1.7; font-weight: 700; text-align: center; font-style: italic; }
/*span.phicon { font-size: 16px; font-weight: 700; }*/
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 16 }
.custom-phone-link { display: inline-block; background-color: #fff; color: #00C; text-decoration: none; border-radius: 1em; padding: .25em .5em; font-size: 1em; font-weight: bold; cursor: pointer; border: 1px solid #cf7f11; line-height: 2; }
.custom-phone-link:hover { background-color: #A7C5E2; }
/*Layout/Content*/
#banner { margin: 0 auto 0 auto; text-align: center; background-color: #0d4775; }
#banner img { background-size: cover; max-width: 100%; }
#layout { max-width: 100%; margin: 0px auto; background-color: #FFF; min-height: 400px; }
.affinity-row { padding: 0px; }
.affinity-row:after { visibility: hidden; display: block; content: "\0020"; clear: both; height: 0; }
.affinity-row .column-half { width: 50%; float: left; padding: 50px 0px 50px 0px; }
.affinity-row .column-third { width: 33.3333333%; float: left; }
.affinity-row .column-fourth { width: 25%; float: left; }
.affinity-row .column-fifth { width: 20%; float: left; }
.affinity-row.sidebar-left .column-1 { width: 66%; float: right; }
.affinity-row.sidebar-left .column-2 { width: 34%; float: right; }
.affinity-row.sidebar-left .column-content { line-height: 1.5; }
.affinity-row.sidebar-right .column-1 { width: 66%; float: left; }
.affinity-row.sidebar-right .column-2 { width: 34%; float: left; }
.affinity-row.sidebar-right .column-content { line-height: 1.5; }
div.wid80 { max-width: 80%; margin: 0px auto; }
.gray { background-color: #CCC; }
.wid40 { max-width: 40%; margin: 0 auto; }
.wid50 { max-width: 50%; margin: 0 auto; }
.wid60 { max-width: 60%; margin: 0 auto; }
/*Column Content*/
.column-content { line-height: 1.8; padding: 15px 24px; }
/*Padding*/
.no-pad-left-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }
.no-pad-right-top-bottom { padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; }
.no-pad-top-bottom { padding-top: 0px !important; padding-bottom: 0px !important; }
/*Headings*/
h1, h2, h3, h4 { line-height: normal; margin: 30px 0px 0px 0px; }
h1 { font-size: 200%; font-style: italic; text-align: center; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
p { font-size: 110%; }
a { color: #03C; }
a:hover { color: #09C; }
em { font-weight: 700; color: #039; }
ul, ul.bullets { margin: .5em 0 .5em 0; padding: 0px; margin-top: 10px; line-height: 2; }
li { font-size: 1em; list-style-type: none; }
ul.bullets li { margin-left:2em;font-size: 1em; list-style-type: disc; list-style-position:outside; }
.column-content h1:first-child, .column-content h2:first-child, .column-content h3:first-child, .column-content h4:first-child { margin-top: 10px; }
.inner-row-heading { position: relative; top: .5em; margin: .25em 0px 1em 0px; }
/*Footer and Copyright*/
#footerwrap { background-color: #000; }
.footer { margin: 0 auto 0 auto; max-width: 80%; padding: 0; color: #fff; font-size: 90%; }
.footer h3, .footer h4 { font-weight: normal; text-transform: uppercase; margin: 10px 0px 0px 0px; }
.footer ul { margin: 0px; padding: 0px; margin-top: 10px; }
.footer li { list-style-type: none; }
.footer a { color: #fff; }
.footer a:hover, .footer a:focus { color: #FF9; }
p.copyright, p.webdesigner { margin: 0 auto 0 auto; font-size: 90%; text-transform: uppercase; clear: both; padding: 10px 0 10px 0; text-align: center; }
.column-content.largesse, .largesse { font-size: 125%; }
#slide-top { position: fixed; bottom: 100px; right: 5px; margin-right: 0px; display: block; }
 @media only screen and (min-width: 0px) and (max-width: 700px) {
body { margin: 0px; }
#topnav .logo { text-align: center; }
#topnav .logo img { margin: 20px auto; }
#layout { max-width: none; padding: 0px; }
h1 { font-size: 110%; font-style: italic; }
h2 { font-size: 100%; }
h3 { font-size: 90%; }
h4 { font-size: 80%; }
p { font-size: 80%; }
ul { margin: 0 auto; padding: 0px; line-height: 1.7; }
li { font-size: .9em; list-style-type: none; }
div.wid80 { max-width: 100%; margin: 0px auto; }
.wid40 { max-width: 100%; margin: 0 auto; }
.wid50 { max-width: 100%; margin: 0 auto; }
.wid60 { max-width: 100%; margin: 0 auto; }
.column, .column-1, .column-2, .column-3, .column-half, .column-third, .column-fourth, .column-fifth { float: none !important; width: auto !important; }
.column-content { height: auto !important; max-height: 888678px; border: none !important; }
div.wid80, .footer { max-width: 100%; }
#slide-top { position: fixed; bottom: 10px; right: 5px; margin-right: 0px; }
.spacerlg { height: 5px; }
}
@media only screen and (min-width: 700px) and (max-width: 1380px) {
#layout { max-width: none; }
#topnav .logo { text-align: center; }
#topnav .logo img { margin: 20px auto; }
span.phicon { font-size: 16px; font-weight: 700; }
div.wid80 { max-width: 96%; }
.wid40 { max-width: 100%; margin: 0 auto; }
.wid50 { max-width: 100%; margin: 0 auto; }
.wid60 { max-width: 100%; margin: 0 auto; }
.footer { max-width: 100%; }
#slide-top { position: fixed; bottom: 20px; right: 5px; margin-right: 0px; }
}
@media (min-width: 2000px) {
body { font-size: 2em; line-height: 1.8; }
.column-content { line-height: 2; padding: 2.5em 3em; }
div.wid80 { max-width: 80%; }
.footer { margin: 0 auto 0 auto; max-width: 80%; }
}
/* Copyright CityScope Net 
font-family: 'Montserrat', sans-serif;
Color: lt blue  #71d0f6; dark blue #0d4775; or #0000cc gray #939598;*/