@media screen and (max-width: 576px) {
    #innerSignUpContainer h1 {
        font-size: 1.5em;
    }
    
    #loginButton {
        width: 200px;
    }

    #signUpButton {
        width: 200px;
    }
    
    .navbar-nav a {
        text-align: center;
    }
    
    .mthood-carousel-prev {
        width: 25%;
        display: none;
    }
    
    .mthood-carousel-prev h5{
        font-size: 1.5em !important;
    }
    
    .mthood-carousel-next {
        width: 25%;
        display: none;
    }
    
    .mthood-carousel-next h5{
        font-size: 1.5em !important;
    }
    
    #learnMoreContainer .col-md-3 {
        width: 50%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    #headerSocial .col-md-6 {
        width: 50%;
    }

    #mth-benefits-row .mthood-button {
        width: 100%;
    }
    
    .mth-community-container #mth-pledge-allegiance-col {
        margin-top: 35px;
    }
    
    #mth-benefits-row .learn-more-button {
        margin-left: auto;
        margin-right: auto;
        width: 200px;
    }
    
    #mth-benefits-row .learn-more-button .btn {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .mth-justify-content-start,
    .mth-justify-content-end {
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-bottom: 50px;
    }
    
    #learnMoreContainer .mthood-button {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #historyContainer .col-md-6 {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    
    #innerHistoryContainer {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    
    #indexCarousel h1 {
        font-size: 1.5em;
        text-shadow: 0px 0px 3px black;
        margin-bottom: 25px;
    }
    
    #indexCarousel .mth-d-none {
        display: none;
    }
    
    #indexCarousel .mthood-carousel-caption {
        width: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center !important;
        margin-left: auto;
        margin-bottom: 25px;
    }
    
    #indexCarousel h1 {
        display: none !important;
    }
    
    .mth-768-d-none {
        display: block !important;
    }
    
    #indexCarousel .d-block {
        display: none !important;
    }
    
    #indexCarousel .mthood-caption-pgnum {
        display: none;
    }
    
    #mthContactSubmitButton {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 35px;
    }
    
    #mthContactSubmitButton .btn {
        width: 100%;
    }
    
    #mthContactContainer {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 768px) {    
    #innerSignUpContainer h1 {
        font-size: 2.2em;
    }
    
    #loginButton {
        width: 250px;
    }

    #signUpButton {
        width: 250px;
    }
    
    #innerSignUpLeftButton {
        transform: translateY(20%);
    }
    
    .navbar-nav a {
        text-align: center;
    }
    
    .mthood-carousel-prev {
        width: 30%;
        height: 50px;
        transform: translate(-10%, 375%);
        display: none;
    }
    
    .mthood-carousel-prev h5{
        font-size: 1.5em !important;
    }
    
    .mthood-carousel-next {
        width: 30%;
        height: 50px;
        transform: translate(10%, 375%);
        display: none;
    }
    
    .mthood-carousel-next h5{
        font-size: 1.5em !important;
    }
    
    #learnMoreContainer .col-md-3 {
        width: 50%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    #headerSocial .col-md-6 {
        width: 50%;
    }

    #mth-benefits-row .mthood-button {
        width: 100%;
    }
    
    .mth-community-container #mth-pledge-allegiance-col {
        margin-top: 35px;
    }
    
    #mth-benefits-row .learn-more-button {
        margin-left: auto;
        margin-right: auto;
        width: 250px;
    }
    
    .mth-body2-container .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .mth-justify-content-start,
    .mth-justify-content-end {
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-bottom: 50px;
    }
    
    #mthFireRestorationUL .mth-brush-li:before {
        left: -4px;
    }
    
    #historyContainer .col-md-6 {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    
    #innerHistoryContainer {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    
    #indexCarousel h1 {
        font-size: 2.5em;
        text-shadow: 0px 0px 3px black;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #mthc1-h1 {
        width: 250px !important;
    }

    #indexCarousel .mth-d-none {
        display: none;
    }
    
    #indexCarousel .mthood-carousel-caption {
        width: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center !important;
        transform: translateY(-25%);
        
    }
    
    #indexCarousel .mthood-carousel-button {
        margin-top: 35px;
    }
    
    .mth-768-d-none {
        display: none !important;
    }
    
    #mthContactSubmitButton {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 35px;
    }
    
    #mthContactSubmitButton .btn {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    #innerSignUpHeadliner {
        transform: translateY(15%);
    }
    
    #loginButton {
        width: 250px;
    }

    #signUpButton {
        width: 250px;
    }
    
    #innerSignUpLeftButton {
        max-width: 300px;
        transform: translate(0%, 0%);
    }
    
    #innerSignUpRightButton {
        max-width: 300px;
        transform: translate(0%, 0%);
    }
    
    .navbar li.dropdown:hover > .dropdown-menu, 
    .navbar li.dropdown:focus > .dropdown-menu {
        display: block;
    }
    
    .mthood-carousel-caption {
        transform: translate(-17%, -6%);
        text-align: left! important;
    }

    .mthood-carousel-caption h1, .mthood-carousel-caption p {
        padding-right: 350px;
    }
    
    .mthood-caption-text {
        padding-bottom: 0px;
    }
    
    .mthood-carousel-caption h1 {
        font-size: 1.5em;
    }
    
    .mthood-carousel-caption p {
        font-size: 0.82em;
    }
    
    .mthood-carousel-prev {
        height: 15%;
        transform: translate(-5%, 550%);
    }
    
    .mthood-carousel-next {
        height: 15%;
        transform: translate(-5%, 550%);
    }
    
    .mthood-caption-pgnum {
        transform: translateY(30%);
        filter: drop-shadow(0px 0px 1px black);
    }
    
    #mthc2-h1 {
        padding-right: 300px;
    }
    
    #mthc2-p {
        padding-right: 320px;
    }
    
    #mthc3-h1 {
        padding-right: 300px;
    }
    
    #mth-benefits-row .mthood-button {
        width: 100%;
    }
    
    .mth-body2-container .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .mth-justify-content-start,
    .mth-justify-content-end {
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin-bottom: 50px;
    }
    
    #mthFireRestorationUL .mth-brush-li:before {
        left: -4px;
    }
    
    #innerHistoryContainer {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
    .mth-768-d-none {
        display: none !important;
    }
    
    #mthContactSubmitButton {
        width: 250px;
        margin-right: auto;
        margin-top: 35px;
    }
    
    #mthContactSubmitButton .btn {
        width: 100%;
    }
    
    #mthContactForm .col-md-6 .form-group {
        max-width: 95%;
    }
}
    
@media screen and (min-width: 992px) {
    #innerSignUpHeadliner {
        transform: translateY(45%);
    }
    
    #loginButton {
        width: 250px;
    }

    #signUpButton {
        width: 250px;
    }
    
    #innerSignUpLeftButton {
        max-width: 300px;
        transform: translate(-3%, 25%);
    }
    
    #innerSignUpRightButton {
        max-width: 300px;
        transform: translate(3%, 25%);
    }
    
    .navbar-nav {
        padding-left: 45px;
        padding-right: 45px;
    }
    
    .mthood-carousel-caption {
        transform: translate(-16%, -10%);
    }

    .mthood-carousel-caption h1, .mthood-carousel-caption p {
        padding-right: 420px;
    }
    
    .mthood-caption-text {
        padding-bottom: 20px;
    }
    
    .mthood-carousel-caption h1 {
        font-size: 2.5rem;
    }
    
    .mthood-carousel-caption p {
        font-size: 1rem;
    }
    
    .mthood-carousel-prev {
        height: 20%;
        transform: translate(-5%, 400%);
    }

    .mthood-carousel-next {
        height: 20%;
        transform: translate(5%, 400%);
    }
    
    .mthood-alt2-h1 {
        padding-right: 350px !important;
    }
    
    .mthood-alt-p {
        padding-right: 420px;
    }
    
    #mthc2-h1 {
        padding-right: 400px;
    }
    
    #mthc2-p {
        padding-right: 425px;
    }
    
    #mth-benefits-row .mth-job-app-button .mthood-button {
        font-size: 1.10rem !important;
    }

    #mth-benefits-row .mthood-button {
        width: 100%;
    }
    
    .mth-body2-container .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .mth-justify-content-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        margin-bottom: 0px;
    }
    
    .mth-justify-content-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        margin-bottom: 0px;
    }
    
    .mth-about-container img {
        margin-bottom: auto;
    }
    
    .mth-flush-text-col p {
        height: 423px;
    }
}

@media screen and (min-width: 1200px) {
    #innerSignUpContainer h1 {
        padding-left: 150px;
        padding-right: 150px;
    }
    
    #innerSignUpHeadliner {
        transform: translateY(45%);
    }
    
    #loginButton {
        width: 265.5px;
    }

    #signUpButton {
        width: 265.5px;
    }
    
    #innerSignUpLeftButton {
        max-width: 300px;
        transform: translate(-5%, 25%);
    }
    
    #innerSignUpRightButton {
        max-width: 300px;
        transform: translate(5%, 25%);
    }
    
    .mthood-carousel-caption {
        transform: translate(-15%, -20%);
    }

    .mthood-carousel-caption h1, .mthood-carousel-caption p {
        padding-right: 550px;
    }
    
    #mthc2-h1 {
        padding-right: 450px;
    }
    
    #mthc2-p {
        padding-right: 535px;
    }
    
    .mth-body2-container .col-md-12 {
        padding-left: 18px;
        padding-right: 18px;
    }
    
    #mthFireRestorationUL {
        padding-left: 15px;
    }
    
    #mthFireRestorationUL .mth-brush-li:before {
        left: 13px;
    }
    
    #mthContactSubmitButton {
        width: 265.5px;
        margin-right: auto;
        margin-top: 35px;
    }
    
    #mth-benefits-row .mth-job-app-button .mthood-button {
        font-size: 1.25rem
    }
}

@media screen and (min-width: 1485px) and (max-width: 1692px) {
    #innerSignUpContainer h1 {
        padding-left: 250px !important;
        padding-right: 250px !important;
    }
}
@media screen and (min-width: 1676px) {
    #innerSignUpContainer h1 {
        padding-left: 400px;
        padding-right: 400px;
    }
    
    #loginButton {
        width: 265.5px;
    }

    #signUpButton {
        width: 265.5px;
    }
    
    #innerSignUpLeftButton {
        max-width: 300px;
        transform: translate(-5%, 25%);
    }
    
    #innerSignUpRightButton {
        max-width: 300px;
        transform: translate(5%, 25%);
    }
}

body {
    font-family: 'Playfair Display', serif;
}

h1 {
    font-weight: 700;
}

h2 {
    font-weight: 700;
    color: #5e9dee;
    font-size: 1.6em;
    margin-top: 35px;
    margin-bottom: 35px;
}

.mthood-title {
    color: #5e9dee;
    font-weight: 400;
    margin-bottom: 20px;
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#headerSocial {
    background-color: #5e9dee;
    padding-top: 15px;
    padding-bottom: 15px;
}

#headerLogo {
    margin-left: auto;
    margin-right: auto;
    display: block;
	/* margin-top: 45px; */
    /* margin-bottom: 45px; */
	margin-top: 10px;
    margin-bottom: 10px;
	width: 150px;
}

.navbar {
    padding: 0px;
}

.navbar-nav {
    width: 100%;
}

.navbar a {
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 15px;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

#header .navbar-nav .nav-item {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

#header .navbar-nav .nav-item:hover,
#header .navbar-nav .nav-item:active,
#header .navbar-nav .nav-item:focus {
    border-top: 5px solid #5e9dee;
    border-bottom: 5px solid transparent;
}

#header {
    border-bottom: 5px solid #5e9dee;
    /*background-image: url("../Assets/Home/Texture_1920x392.jpg");*/
    background-image: url("/wp-content/uploads/2019/02/Texture_1920x392.jpg");
}

.carousel-banner {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mthood-button {
    background-color: #368cec;
    border-radius: 0px;
}

#learnMoreContainer {
    margin-top: 50px;
    margin-bottom: 50px;
}

#historyContainer {
    /*background-image: url("../Assets/Home/Pine_Wood_1920x600.jpg");*/
    background-image: url("/wp-content/uploads/2019/02/Pine_Wood_1920x600.jpg");
    background-size: auto 100%;
}

.inner-history-caption {
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
    border-bottom: 5px solid #5e9dee;
}

.inner-history-caption p {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 15px;
    padding-top: 15px;
}

#innerSignUpContainer {
    background-color: #5e9dee;
    border: 2px solid white;
    height: 300px;
}

#signUpContainer {
    border: 10px solid #5e9dee;
}

#footerContainer {
    /*background-image: url("../Assets/Home/Footer_1920x765.jpg");*/
    background-image: url("/wp-content/uploads/2019/02/Footer_1920x765.jpg");
    background-size: cover;
    height: 765px;
    
}

#innerFooterContainer {
    transform: translateY(15%);
}

#innerFooterContainer .row {
    margin-bottom: 15px;
}

#headerPhone {
    color: white;
}

#headerPhone a {
    color: white;
}


.dropdown-menu {
    /*background-image: url("../Assets/Home/Texture_1920x392.jpg");*/
    background-image: url("/wp-content/uploads/2019/02/Texture_1920x392.jpg");
    border-radius: 0px;
}

.dropdown-menu a {
    color: rgba(0,0,0,1);
    /*background-image: url("../Assets/Home/Texture_1920x392.jpg");*/
    background-image: url("/wp-content/uploads/2019/02/Texture_1920x392.jpg");
}

.dropdown-menu a:hover,
.dropdown-menu a:active,
.dropdown-menu a:focus {
    color: rgba(0,0,0,0.5);
    /*background-image: url("../Assets/Home/Texture_1920x392.jpg");*/
    background-image: url("/wp-content/uploads/2019/02/Texture_1920x392.jpg");
}

.inner-history-img {
    width: 100%;
}

.store-image-container{
    background-color: black;
    filter: drop-shadow(0 0 0.25rem black);
}

#learnMoreContainer h1 {
    line-height: 1.5;
    margin-bottom: 50px;
    font-weight: 900;
}

.learn-more-button {
    width: 100%;
    border-bottom: 5px solid black;
}

.learn-more-button .btn {
    width: inherit;
}

#learnMoreContainer img {
    width: 100%;
}

.mthood-carousel-button {
    border-radius: 0px;
    background-color: transparent;
    border: 1px solid white;
}

.carousel-banner h5 {
    font-size: 1em;
}

#innerFooterContainer p {
    color: black;
    font-weight: 400;
}

#innerFooterContainer a {
    color: black;
    font-weight: 400;
}

#innerFooterContainer a:hover,
#innerFooterContainer a:active, 
#innerFooterContainer a:focus {
    color: #5e9dee;
    font-weight: 400;
}

.header-social-icon {
    margin-left: 10px;
    margin-top: 10px;
}

.header-social-icon a {
    color: white;
}

#innerSignUpContainer .row {
    height: 50% !important;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

#innerSignUpButtonsRow {
    transform: translateY(-10%);
}

.navbar-toggler {
    width: 100%;
    text-align: center
}

#header .navbar-light .navbar-nav .nav-link:hover,
#header .navbar-light .navbar-nav .nav-link:active,
#header .navbar-light .navbar-nav .nav-link:focus {
    color: black;
}

.carousel-indicators li{
    text-indent: 0;
    background-color: transparent;
}

.carousel-indicators .active {
    background-color: transparent;
}

#header .navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
}

#header .navbar-light .navbar-nav .nav-link:hover,
#header .navbar-light .navbar-nav .nav-link:active,
#header .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0,0,0,0.5);
}

#indexCarousel a {
    font-size: 1em;
}

#mthc1-btn {
    padding-left: 2em;
    padding-right: 2em;
}

#mthc2-btn {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

#mthc3-btn {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.mth-preface-container {
    padding-top: 50px;
}

.mth-preface-container hr {
    margin-top: 50px;
    margin-bottom: 50px;
}

.col-md-12 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mth-quote {
    font-style: italic;
    color: #5e9dee;
}

#mth-benefits-row .learn-more-button {
    margin-top: 35px;
}

.mth-preface-container h1 {
    margin-bottom: 35px;
}

.mthood-italic {
    font-style: italic;
}

.mth-bold-link,
.mth-bold-link:hover,
.mth-bold-link:active,
.mth-bold-link:focus {
    color: black;
    font-weight: 700;
}

.mth-community-container {
    margin-bottom: 50px;
}

.mth-body1-container {
    margin-bottom: 50px;
}

.mth-body2-container {
    margin-bottom: 25px;
}

.mth-about-container {
    margin-bottom: 50px;
}

.mth-ul {
    padding-left: 15px;
}

.mth-ul .mth-brush-li {
    list-style: none;
}

.mth-ul .mth-brush-li:before {
    position: absolute;
    content: "";
    /*background-image: url(../Assets/Employment/Paint_Mark_11x11.png);*/
    background-image: url("/wp-content/uploads/2019/02/Paint_Mark_11x11.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
    left: 10px;
}

.mth-blue-text {
    color: #5e9dee;
}

.mth-black-text {
    color: black;
    font-weight: 700;
}

.mth-about-container hr {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mth-preface-navbar .nav-item .nav-link {
    font-weight: 700;
    color: rgba(0,0,0,0.3);
    border-top: 5px solid transparent;
    border-bottom: 5px solid rgba(0,0,0,0.3);
    padding-left: 0px;
    padding-right: 0px;
}

.mth-preface-navbar .nav-item .nav-link:hover,
.mth-preface-navbar .nav-item .nav-link:active,
.mth-preface-navbar .nav-item .nav-link:focus {
    color: black;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #5e9dee;
}

.mth-preface-navbar .navbar-nav {
    padding-left: 0px;
    padding-right: 0px;
}

#mthAboutTopButton {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99999;
    border: none;
    outline: none;
    background-color: #bbbbbb;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 99999px;
    font-size: 18px;
}

#mthAboutTopButton:hover {
    background-color: #5e9dee; /* Add a dark-grey background on hover */
}

.mth-preface-services-container {
    /*background-image: url("../Assets/Dry_Cleaning/Text_BG_1920x314.25.jpg");*/
    background-image: url("/wp-content/uploads/2019/02/Text_BG_1920x314.25.jpg");
    background-repeat: no-repeat;
}

.mth-preface-services2-container {
    /*background-image: url("../Assets/Dry_Cleaning/Text_BG_1920x314.25.jpg");*/
    background-image: url("/wp-content/uploads/2019/02/Text_BG_1920x314.25.jpg");
    background-repeat: no-repeat;
    padding-bottom: 50px;
}

.mth-service-banner {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#mthCRDNStarsCol {
    height: 332px;
    /*background-image: url("../Assets/CRDN_(Fire_Restoration)/CRDN_BG_1100x332.jpg");*/
    background-image: url("/wp-content/uploads/2019/02/CRDN_BG_1100x332.jpg");
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 0px;
    display: flex;
}

#mthCRDNStarsCol img {
    display: block;
    width: 245px;
    height: 130px;
}

.mth-about-container p {
    margin-bottom: 0px;
}

.mth-about-container h2 {
    margin-top: 0px;
    margin-bottom: 20px;
}

#mthDryCleanersButtonsRow {
    margin-top: 30px;
}

#mthDryCleanersButtonsRow .col-lg-6 {
    max-width: 47%;
    padding-left: 0px;
    padding-right: 0px;
}

#mthContactForm {
    width: 100%;
}

.mth-contact-form-col {
    padding-left: 0px;
    padding-right: 0px;
}

/* JEREMY */

.mth-submit-btn p {
    margin-bottom: -1rem !important;
}