@charset "UTF-8";

/* CSS Document */

/*/////////////// MEDIA QUERIES ///////////////////////////////*/

 @media screen and (min-width: 539px) {
 .phone-mob {
 display: none;
}
 .phone1 {
 display: inline-block;
}
}
@media screen and (min-width: 556px) {
#mobile-nav {
    display: none;
}
}

@media screen and (max-width: 966px) {
#home-service {
    padding-right: 5%;
}
}

@media screen and (max-width: 898px) {
/*home blocks*/
    
#home-service {
    max-width: inherit;
    padding: 0 0 40px 0;
    text-align: center;
}
#home-service p {
    text-align: left;
}
#home-new-patients {
    max-width: inherit;
    text-align: center;
}
#home-new-patients p {
    text-align: left;
}
}

@media screen and (max-width: 759px) {
/*center buttons*/
.lnkbox {
    margin: 0 auto;
    text-align: center;
}
}

@media screen and (max-width: 703px) {
/*center footer*/
#booter {
    margin: 0 auto;
    text-align: center;
}
.cpy {
    margin: 0 auto;
    text-align: center;
    float: none;
}
#booter .page-content {
    text-align: center;
    margin: 0 auto;
}
}

@media screen and (max-width: 660px) {
.mnu-item {
    padding: 20px 25px 20px 25px;
}
#tagline {
    margin: -30px 0 36px 0px;
}
}

@media screen and (max-width: 602px) {
#tagline {
    margin: -20px 0 36px 0px;
}
.page-content {
    padding: 3em;
}
}

@media screen and (max-width: 599px) {
.mnu-item {
    padding: 20px;
}
}
 @media screen and (max-width: 585px) {
#contact-icons .padrt {
    padding-right: 12px;
}
}

@media screen and (max-width: 555px) {
 #booter {
 display: none;
}
/*///////////////////////switch to mobile nav//////////////////*/
#mnu-toggle {
 display: block;
}
#nav {
 display: none;
}
#mobile-nav {
 display: block;
}
.mnu-item {
 font-size: 1.5em;
}
}

 @media screen and (max-width: 552px) {
    /*center everything*/
    #home-new-patients p {
 text-align: center;
}
 #home-service p {
 text-align: center;
}
 .page-content {
 text-align: center;
}
 .page-content p {
 text-align: center;
}
 .newline {
 display: block;
 float: none;
 margin: 0 auto;
}
 .crooks {
 margin-bottom: 1em;
}
}
 @media screen and (max-width: 538px) {
/*///////////////////////switch to mobile phone icon//////////////////*/
 #contact-icons .padrt {
 padding-right: 10px;
}
 .phone-mob {
 display: inline-block;
}
 .phone1 {
 display: none;
}
}

@media screen and (max-width: 517px) {
    #contact-box h1{
        font-size: 1.75em;
    } 
}
 @media screen and (max-width: 449px) {
 .page-content {
 padding: 3em 2em;
}
 #tagline h3 {
 font-size: 1.5em;
}
 #tagline {
 margin: -10px 0 36px 0px;
}
 h1 {
 font-size: 1.75em;
}
}
 @media screen and (max-width: 435px) {
 /*///////////////////////switch to mobile contact icons//////////////////*/
 #contact-icons2 {
 display: block;
}
 #contact-icons2 .blocky {
 display: block;
 margin: 0 auto;
}
 #contact-icons2 .padrt {
 padding-right: 0;
 margin-bottom: 30px;
}
 #contact-icons {
 display: none;
}
 .para1 {
 background-position: bottom center;
}
}

@media screen and (max-width: 407px) {
    #contact-box h1{
        font-size: 1.5em;
    }  
    .parallax{
        background-image: none;
    }
    .para1 .para2 .para3 .para4 .para5{
        background-image: none;
    }
}
@media screen and (max-width: 390px) {
    #contact-box h4{
        font-size: 1em;
    }    
}

@media screen and (max-width: 367px) {
    #contact-box h1{
        font-size: 1.25em;
    } 
}
 @media screen and (max-width: 333px) {
 #tagline {
 display: none;
}
 #logo {
 margin-bottom: 20px;
}
 #mnu-toggle {
 margin: -1em 1em -1em 0;
}
 a:link.btn-box {
 font-size: 1em;
 padding: 10px 27px;
}
}

@media screen and (max-width: 327px) {
    .boxxer{
        padding: 1em;
    }
    #contact-box h1{
        font-size: 1em;
    } 
}