.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#mobile_menu {
    display: none;
}
.mini-mobile-header {
    display: none;
}
.mobile-header {
    display: none;
}
.mobile-header-contact {
    display: none;
}
#nav_menu {
    display: block;
}
.button {
    display: inline-block;
    padding: 0 30px;

}
#nav_menu ul li {display: inline-block; padding: 0 30px;}
#desktop-logo {
    padding-top: 10px;
}

#header-subtitle {
    text-align: center;
    padding-bottom: 0;
}

body {
    font-family: "century-gothic", sans-serif!important;
    /*font-family: "Century Gothic", sans-serif;*/
}

a {
    color: black;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
}

a:hover {
    color: #B1D34A;
}

.product-buttons a:hover {
    color: #B1D34A;
}

a:active {
    color: #B1D34A;
}
.current {
    color: #B1D34A;
}

ul {
    margin-bottom: 0;
}
#nav-items {
    text-align: center;
}
.mobile-header {
    display: none;
}


#internal-main {
    margin-top: 20px;
    margin-bottom: 10px;
}

.product-buttons {
    list-style-type:none;
}

#internal-products {
    padding-top: 30px;

}

.product-buttons a {
    font-size: 20px;
}

#products {
    padding-top: 25px;
}
.museling {
    margin-bottom: 0;
}

.credit {
    padding-top: 0;
    margin-bottom: 0;
}

footer {
    margin-top: 15px;
    border-top: solid #AFA3A8 5px;
}

footer p {
    text-align: center;
    padding-top: 10px;
}
#social-media {
    margin-left: 520px;
    display: inline;
}
#social-media a {
    padding-left: 10px;
    padding-right: 10px;
}
#social-media img {
    padding-top: 10px;
}
footer h6 {
    margin-bottom: 0;
    text-align: center;
}
footer a {
    font-size: 99%;
    text-align: center;
    padding-bottom: 10px;
}

/* styles for contact page below */

input[type="submit"].button-primary {
    background-color: #B1D34A;
    border-color: #B1D34A;
}
input[type="submit"].button-primary:hover {
    color: #B1D34A;
    background-color: #AFA3A8;
    border-color: #AFA3A8;
}

.contact-note {
    margin-bottom: 0;
}

.small-link {
    font-size: 1em!important;
    font-weight: bold;
    color: #B1D34A;
    padding-bottom: 0;

}

@media only screen and (max-width: 1440px) {
    #social-media {
        margin-left: 500px!important;
    }
}

@media only screen and (max-width: 1240px) {
    #social-media {
        margin-left: 420px!important;
    }
}

@media only screen and (max-width: 1200px) {
    #social-media {
        margin-left: 400px!important;
    }
}

/* styles for larger devices, desktops, laptops */

@media only screen and (max-width: 1024px) {
.button {
    padding: 0 20px;
}

    #nav_menu ul li {display: inline-block; padding: 0 20px;}

    #social-media {
        margin-left: 335px!important;
    }
    #medicine-image {
        padding-top: 20px;
    }
}


@media only screen and (max-width: 768px) {

    #nav_menu {
        display: none;
    }
    #mobile_menu {
        display: block;
    }
    .mini-mobile-header {
        display: none;

    }
    .top-pad {
        padding-top: 70px;
    }
    #desktop-logo {
        max-width: 99%;
        padding-top: 30px;
    }
    .mobile-header-contact {
        display: block;
        text-align: center;
        border-bottom: solid #AFA3A8 3px;

    }

    nav a:link {
        color: gray;
        font-weight: bold;
    }

    nav a:visited {
        color: gray;
        font-weight: bold;
    }

    nav ul li {
        /* make mobile links stack */
        float: none;
        border-bottom: 1px solid gray;
    }

.mobile-header {
    display: block;
    border-bottom: solid #AFA3A8 3px;
}
    #emile {
        padding-top: 100px;
    }

    #medicine-image {
        padding-top: 70px;
    }
    #internal-main {
        margin-top: 0;
    }
    #products {
        max-width: 80%;
        /*border-top: solid #AFA3A8 3px;*/

    }
    #social-media {
        margin-left: 225px!important;
    }
    #social-media a {
        padding-bottom: 0;
    }

    .slicknav_menu {
        background-color: #fff;
    }

    .slicknav_nav ul {
        margin: 0;
    }
}


/*  mobile css  */
@media (max-width: 550px) {  /*medicine page on iPad inspect does not match my mini iPad with this media query    */
    /* @media only screen and (max-width: 576px) {*/

    #header-subtitle {
        margin-bottom: 0;
    }
    #main-image {
        padding-top: 10px;
    }
    #internal-product-header {
        padding-top: 0;
        margin-bottom: 0;
    }
.mobile-header {
    display: none;
}
.mini-mobile-header {
    display: block;
    text-align: center;
    margin-bottom: 0;
    border-bottom: solid #AFA3A8 3px;

}
.top-pad {
    padding-top: 10px;
}
form {
    padding-top: 20px;
}
    #emile {
        padding-top: 15px;
        padding-bottom: 10px;

    }
    #medicine-image {
        padding-top: 10px;
        padding-bottom: 10px;

    }
    #social-media {
        margin-left: 100px!important;
    }
    #social-media img {
        max-width: 8%;
    }
    #products {
        text-align: left;
        margin-left: 25%;
        padding-top: 0;
    }
    #internal-products {
        padding-top: 0;
    }
    #internal-product-header {
        text-align: center;
    }
    #more-internal-blurb {
        padding-left: 30px;
        margin-top: 15px;
        margin-bottom: 0;
    }
    #social-media a {
        padding-bottom: 0;
        padding-right: 5px;
        padding-left: 5px;
    }
    footer p {
        margin-bottom: 20px;
        font-size: 90%;
        text-align: left;
        margin-left: 13%;
        margin-right: 10%;

    }
    footer img {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*to fix landscape cell view below  */
/*@media screen  and (orientation: landscape)
and (min-device-width: 320px) and (max-device-width: 480px) {


}*/


@media only screen and (max-width: 320px) {
    #header-subtitle {
        font-size: 99%;
    }

    #social-media {
        margin-left: 75px!important;
    }
    footer p {
        margin-left: 8%;
        margin-right: 8%;
        margin-bottom: 15px;

    }
    .museling {
        margin-left: 6% !important;
    }

    #more-internal-blurb {
        padding-left: 15px;
    }

}