.mobile {
    display: none !important;
}

header {
    position: fixed;
}

#logo img {
    height: 10vh;
    display: block;
    margin: 0 auto;
}

#callforappointment {
    font-size: 1.8vmax;
    top: 0vmax;
    right: 2vmax;
    line-height: 6vmax;
}
#hcall {
    font-size: 1.8vmax;
    position: absolute;
    top: 0vmax;
    right: 2vmax;
    line-height: 6vmax;
}
#callforappointment img,
#hcall img {
    height: 3vmax;
    position: relative;
    top: 1vmax;
}

.linkbutton p a {
    margin: 1vmax auto;
    display: table;
}

.linkbutton p a,
.learnmore {
    font-size: 1.4vmax;
    padding: 1vmax;
}

.contentblockphoto.fullwidth,
.contentblockphoto.fullwidth[style] {
    width: 120vw !important;
    /* margin-left:-10vw !important; */
}
.contentblockphoto.fullwidth img {
    width: 100vw;
}


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

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


#navigation {
    display: table;
    margin: 2vmax auto 0 auto;
}

nav > ul {
    text-align: center;
    margin-bottom: 1vmax;
}
nav ul > li {
    position: relative;
}

nav ul > li.current a,
nav ul > li:hover {
    background-color: var(--medblue);
}

nav ul li:hover > ul {
    display: block;
}
nav ul li a {
    padding: 1vh 1vw;
    font-size: 1.4vmax;
}

nav ul ul {
    position: absolute !important;
}

nav ul ul li {
    width: 35vw;
}

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

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

.vat,
.vat > 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;
    min-width: 100vw;
}

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

#slideshow.bigpaddedslideshow {
    padding-top: 19vh;
    background-color: #000000;
}
#slideshow.bigpaddedslideshow .slide {
    height: 80vh;
    background-position: center top;
}
#slideshow.bigpaddedslideshow h2,
#slideshow.bigpaddedslideshow h3 {
    display: none;
}
#slideshow.bigpaddedslideshow #podialink[style] {
    margin-top: 50px !important;
    position: absolute;
    bottom: 20px;
    left: 0;
    margin: auto;
    width: 100%;
}

#slideshow .slide > div h2 {
    font-size: 4vmax;
    margin-top: 20vh;
}

#slideshow .slide > div h3 {
    font-size: 3vmax;
}

#makeanappointment {
    padding: 2vmax;
}
#makeanappointment p {
    font-size: 1.4vmax;
}
#makeanappointment input:not([type=submit]) {
    width: 26%;
}
#makeanappointment input {
    margin: 0 1%;
}

main {
    font-size: 12pt;
}
main h1, main .h1 {
    font-size: 2.2vmax;
}
main h3, main .h3 {
    font-size: 1.6vmax;
}

main h4, main .h4 {
    font-size: 1.6vmax;
}

.content {
    /* padding: 3vmax; */
    padding: 3vmax 3vmax 0 3vmax;
}

#about img,
#home img {
    max-width: 30vmax;
    display: block;
    margin: auto;
}

.flex {
      display: flex;
      flex-flow: row wrap;
      align-items: flex-start;
      justify-content: center;
}
.flex > div {
    width: 27%;
    margin: 0%;
    padding: 6%;
    /* flex: 1 */
    flex: 1 0 auto;
}
.flex > div {
    border-right: 3px solid var(--ltgreen);
}
.flex > div:last-child {
    border: none;
}
#integrativemedicine .learnmore {
    margin-top: 1vmax;
}

#homevideos h2 a {
    padding: 1vmax;
    margin: 3vmax auto;
}

footer > div {
    width: 33%;
    font-size: 11pt;
}
footer > div:nth-child(2) {
    text-align: center;
}

footer > div:last-child {
    text-align: right;
}

.graybordertopbottom {
    padding: 2vmax 20vmax 2vmax 20vmax;
}
.graybordertopbottom ul {
    line-height: 2vmax;
}

.contentblocks .blueback {
    position: relative;
    padding-top: 3vmax;
    padding-bottom: 3vmax;
}
.contentblocks .blueback:before {
    width: 3vmax;
    top: -3px;
    left: -3vmax;
    position: absolute;
    height: 100%;
    content: "";
    background-color: var(--medblue);
    border-top: 3px solid var(--ltblue);
    border-bottom: 3px solid var(--ltblue);
}
.contentblocks .blueback:after {
    width: 3vmax;
    top: -3px;
    right: -3vmax;
    position: absolute;
    height: 100%;
    content: "";
    background-color: var(--medblue);
    border-top: 3px solid var(--ltblue);
    border-bottom: 3px solid var(--ltblue);
}
#homevideos video,
#homevideos iframe {
    /* width: 60%; */
    /* display: block; */
    /* width: 640px; */
    /* height: 480px; */

    width: 48%;
    height: 315px;
}

#photogallery div {
    width: 24%;
    max-width: 50vw;
    max-height: 10vw;
}