@media (max-wdith: 1025px){
div#dnn_ctr772_HtmlModule_lblContent img {
    width: 315px !important;
}
}


@media (max-wdith: 767px){
div#dnn_ctr772_HtmlModule_lblContent img {
    width: 125% !important;
}
}

@media (max-wdith: 416px){
div#dnn_ctr772_HtmlModule_lblContent img {
    width: 95%;
}
}

@media (min-width: 1365px) and (max-width: 1441px){
.invisimage img {
    width: 130% !important;
}
}

@media (min-width: 1023px) and (max-width: 1025px){
.boxes {
    width: 176%;
}
div#dnn_ctr780_HtmlModule_lblContent {
    display: none;
}
}


@media (min-width: 767px) and (max-width: 769px){
.boxes {
    width: 175% !important;
}
div#dnn_ctr780_HtmlModule_lblContent {
    display: none;
}
}


@media (min-width: 767px) and (max-width: 769px){
.tmjArticle {
    width: 100% !important;
}
}


@media (min-width: 767px) and (max-width: 769px){
.tmjArticle {
    width: 50% !important;
}
.tmjPic img {
    width: 70% !important;
    margin-right: 30% !important;
}
}

@media (min-width: 319px) and (max-width: 416px){
.tmjArticle {
    width: 100% !important;
}
.tmjPic img {
    width: 100% !important;
    margin-right: 30% !important;
}
}



.invisimage img {
    width: 100%;
}


.specialBtnAuto {
 width: 250px;
  margin: 0 auto;
  
}

.specialBtn {
  background-color: #f58d2d;
  border-radius: 3px;
  z-index: 9999;
}


a.specialBtn {
    position: fixed;
    top: 5%;
    right: 0.5%;
    color: white!important;
    font-size: 1.25em;
    padding: 3px 10px 3px 10px;
    box-shadow: 2px 3px 5px #948e8e;
}

@media (max-width: 750px){
  a.specialBtn {
  font-size: 16px;
  }
  .specialBtnAuto {
    width: 170px;
    margin: 0 auto;
}
}

@media (max-width: 475px){
 .specialBtnAuto {
   display: none;

 }
}

a.specialBtn {
    z-index: 905;
}
.roll_menu.roll_activated {
    z-index: 906 !important;
}
header.head_main {
    z-index: 904 !important;
}
@media (max-width: 991px){
a.specialBtn {
    z-index: 907;
    top: 1%;
}
.roll_menu.roll_activated {
    z-index: 906 !important;
}
header.head_main {
    z-index: 904 !important;
}
}
.video-cta { background-color: #f0ad4e; border: 1px solid #fff; color: #FFF !important; padding: 10px 30px; display: inline-block; text-decoration: none; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; -o-transition: all ease-in 200ms; -ms-transition: all ease-in 200ms; display: block; margin: 0; line-height: 1; text-align: center; } .webkit .video-cover { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(http://www.sacramentoperiodontics.com/Portals/_default/Skins/ThomasS2/images/Slider_Bg.jpg); -webkit-mask-image: -webkit-radial-gradient(bottom left, ellipse cover, rgba(0, 0, 0, 0.25) 25%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0) 100%); background-size: cover; background-position: 50%; background-repeat: no-repeat; z-index: -1 !important; } p.banner-large { line-height: 1; font-weight: normal; letter-spacing: 0; text-transform: uppercase; color: #ffffff; font-size: 2.5em; font-weight: 900; } .banner-large span { display: block; font-size: 300%; text-transform: capitalize; font-weight: 500; } .mt120 { margin-top: 120px; } .pb120 { padding-bottom: 120px; } .pt120 { padding-top: 120px; } .container { width: 90%; max-width: 900px; margin: 10px auto; } .container { padding: 0 20px; } div#broll { position: relative; } video { position: absolute; z-index: -1; top: 0px; left: 0px; bottom: 0px; right: 0px; overflow: hidden; background-size: cover; background-color: transparent; background-repeat: no-repeat; background-position: 50% 30%; background-image: none; } .cv-toggle.video-cta:hover { background-color: rgba(240, 173, 78, 0.82); } .DnnModule.DnnModule-DNN_HTML.DnnModule-103061 { background-color: rgba(0, 0, 0, 0.28); } a.popup-youtube { text-decoration: none; } p.banner-large span { text-shadow: -3px 4px 1px rgba(25, 125, 153, 0.48); margin-bottom: .1em; } p.banner-large span { text-shadow: -3px 4px 1px rgba(25, 125, 153, 0.48); margin-bottom: .1em; } p.banner-large span { font-size: 1.5em; } p.banner-large { font-size: 2em; } .mt120 { margin-top: 30px; } @media (max-width: 650px) { .video-cover video { display: none; } .video-cover { background: url(/Portals/47/video/Saunders-75.jpg) 50% 0%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover!important; z-index: -1; background-position: 50% 50%!important; -webkit-backface-visibility: visible; backface-visibility: visible; } } @media (min-width: 993px) { p.banner-large span { font-size: 1.5em; } p.banner-large { font-size: 5em; } }