body {
    /* margin-top: 100px; */
}

.mobile {
    display: none !important;
}

.contentblockphoto, .contentblockphoto[style] {
    max-width: 100%;
}

.contentblockphoto img, .contentblockphoto[style] img {
   width: 100%;
}
header {
    display: table;
}
header > div {
    display: table-cell;
    vertical-align: middle;
}
#logo {
    padding: 10px 0;
}
#logo img {
    height: 120px;
    width: auto;
}
#hcall {
    font-size: 1.8vmax;
    top: 0vmax;
    right: 2vmax;
    line-height: 3vmax;
}
#hcall img {
    height: 3vmax;
    position: relative;
    top: 1vmax;
}

header .socialmedia img,
footer .socialmedia img {
    width: 2.4vmax;
}

#navigation {
    position: sticky;
    top: 0;
    left: 0;
}

nav > ul {
    text-align: center;
}
nav ul > li {
    position: relative;
}

nav ul > li:hover {
    background-color: var(--red);
}

nav ul li:hover > ul {
    display: block;
}
nav ul li a {
    padding: 1vh 1vw;
    font-size: 1.6vmax;
}
nav ul ul {
    position: absolute !important;
}

nav ul ul li {
    width: 35vw;
}
nav ul ul li a {
    border-top: 2px solid var(--dkblue);
    border-bottom: 2px solid var(--dkblue);
}

/* #slideshow.bigslideshow .slide { */
/*     height: 80vh; */
/* } */
/* #slideshow .slide { */
/*     height: 35vh; */
/* } */

/* #slideshow .slide > div h2 { */
/*     font-size: 4vmax; */
/* } */
/*  */
/* #slideshow .slide > div h3 { */
/*     font-size: 3vmax; */
/*     margin-bottom: 4vmax; */
/* } */

.tc {
    display: table-caption;
}
.tb {
    display: table;
}

.tr {
    display: table-row;
}
.tb > div,
.tr > div {
    display: table-cell;
}

.vat,
.var > div {
    vertical-align: top;
}
.vam,
.vam > div {
    vertical-align: middle;
}
.vab,
.vab > div {
    vertical-align: bottom;
}

.ar:after, .arselected::after {
    right: 0;
}
.ar:hover:after {
    content: "\25BE";
}

.contentblockphoto.fullwidth,
.contentblockphoto.fullwidth[style] {
    width: 100vw !important;
    margin-left: -5vw !important;
    box-sizing: unset;
}
.contentblockphoto.fullwidth img {
    width: 100vw;
}

main {
    font-size: 1rem;
    line-height: 1.6rem;
}
main h1 {
    font-size: 30pt;
}
main h2 {
    font-size: 24pt;
}
main h3 {
    font-size: 20pt;
}
main h4 {
    font-size: 16pt;
}

.content > h1,
.content > h2,
.content > div {
    padding-left: 8vmax;
    padding-right: 8vmax;
}

#home .grayback,
#home .redback,
#home .blueback,
.bigpad.grayback,
.bigpad.redback,
.bigpad.blueback {
    padding-top: 4vmax;
    padding-bottom: 4vmax;
}

h2.grayback,
h2.redback,
h2.blueback {
    padding-top: 1vmax;
    padding-bottom: 1vmax;
}

#gmaps {
    width: 100%;
}
#gmaps > div {
    width: 50%;
    padding: 1%;
}

#contacts .tb {
    width: 100%;
}
#contacts .tb > div {
    padding: .5vmax 1vmax;
    width: 33%;
}
#contacts .tb:nth-child(even) {
    background-color: #eeeeee;
}

#contacts .tb:nth-child(odd) {
    background-color: #cccccc;
}

#serviceslist > div {
    width: 44%;
    margin: 3%;
    font-size: 18pt;
    line-height: 26pt;
}
#serviceslist > div img {
    width: 200px;
}

footer {
    display: table;
    padding: 0 6vmax;
}
footer > div {
    display: table-cell;
    vertical-align: middle;
}
footer > div span {
    font-weight: bold;
    font-size: 1.2vmax;
}
footer > div#ftitle {
    width: 60%;
    text-align: center;
}
footer > div#ftitle strong {
    font-size: 1.6vmax;
}
footer > div#ftitle img {
    width: 50%;
    max-width: 300px;
}
footer > div:last-child {
    text-align: right;
}