/* --------------- HEADER & NAV --------------- */

/***********
Header
***********/

/*Sign up button*/

#signup_button {
    /*float: right;*/
    width: 70%;
    margin-top: -16%;
    margin-right: -70%;
}


/***********
Footer
***********/
.footerContainer {
    margin-top: 30px;
}

/*******************
NEWSLETTER MODAL
*******************/
.newsletterModalContainer, 
.newsletterModalMask {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
}
 
.newsletterModalContainer {
    display: none;
    z-index: 2;
}
 
.newsletterModalMask {
    background: rgba(0, 0, 0, .6);
}
 
.newsletterModalContentWrap {
    background-color:rgba(255, 255, 255, 0);
    padding: 5px;
    position: relative;
    top: 20%;
    margin: 0 auto;
    max-width: 660px;
    border: 2px solid #FFF;
}
 
.newsletterModalContent {
    position: relative;
    background-color:rgba(255, 255, 255, 0);
    /*padding: 35px 0 0 0;*/
    margin: 5px;
}

.newsletterModalContent .contentImg {
    min-width: 100%;
    max-width: 100%;
}

.bmg3 {
    margin-bottom: 0;
}

.closeModalBtn {
    background: url(https://static.spacecrafted.com/d78fc2d799af4d998a75c2e35ef8102c/i/ccb6f4daba274835b32841a071c93aab/1/5feFb8zhrk/close%20out.png) 0 0 no-repeat;
    background-size: 20px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    position:absolute;
    top: -10%;
    left: -9%;
}
/******* END OF MODAL *********/
 


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


@media only screen and (max-width: 767px) {
 
    /* --------------- HEADER & NAV --------------- */
    /***********
    Header
    ***********/
    
    /* Sign up button */
    
    #signup_button {
    width: 50%;
    max-width: 180px;
    padding-top: 2%;
    margin-top: 0;
    margin-right: 0%;
}
     
    /***********
    Pop-up Modal
    ***********/
    /* Image */
    .newsletterModalContentWrap {
        max-width: 90%;
    }

    /* Close out tab */
    
    .closeModalBtn {
    top: -11%;
    left: -2%;
}
    
    
}

@media only screen and (max-width: 450px) {
 
    /* --------------- HEADER & NAV --------------- */
    /***********
    Header
    ***********/
    /* Sign up button */
    
    #signup_button {
        width: 90%;
        padding-top: 2%;
        margin-top: 0;
        margin-right: 0%;
    }
     
    /***********
    Pop-up Modal
    ***********/
    /* Close out tab */
    .closeModalBtn {
        top: -30%;
        left: -2%;
        padding-bottom: 5%;
    }
}