/*HTML element styles*/

html {background:url("../images/coming-soon-bg-1024x1024.jpg") no-repeat center center fixed; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {font-family: "magneta", serif; font-style: normal;}
/*default-desktop*/
.primaryContainer { height: auto; margin-left: auto; margin-right: auto; min-height: 100%; width: 100%; background: none; z-index: 0;}


/*Header Elements----------------------------------*/
#MBM-Logo-White {
    float: none;
    width: 10%;
    max-width: none;
    height: auto;
    margin-left: auto;
    margin-top: 16%;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

#pageHeading {
    float: none;
    font-size: 3.75em;
    width: 30.999289%;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 1em;
    margin: 1.69% auto 0.84638172%;
    clear: none;
    min-height: 0px;
    font-family: "source-sans-pro", Arial, serif ;
    font-style: normal;
    letter-spacing: 0em;
    color: rgb(242, 242, 242);
    text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px;
}

#description {
    float: none;
    font-size: 1.5em;
    width: 30.999289%;
    height: auto;
    text-align: justify;
    font-weight: 200;
    line-height: 1em;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 80px;
    color: rgb(230, 230, 230);
    margin-right: auto;
    font-style: italic;
    letter-spacing: 0.16em;
    padding: 0px;
    min-width: 0px;
    font-family: magneta;
}
/* arrow down anchor class------------------------------*/
#arrowDown {
	display: block;
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 50px auto 50px;
    clear: none;
    color: rgb(0, 0, 0);
    opacity: 0.5;
}

#arrowDown:hover {
    opacity: 1;
}
/*Newsletter Sign-Up-------------------------------------*/
#newsletterSingup {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 90px;
    clear: none;
    width: 27.999645%;
    margin-right: auto;
}

#statement {
    float: left;
    font-size: 1.25em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 300;
    line-height: 1em;
    margin: 16px 0% 5px;
    clear: none;
    min-height: 0px;
    font-family: "source-sans-pro","arial",sans-serif;
    text-transform: uppercase;
    color: rgb(176, 195, 93);
    min-width: 0px;
}

#email {
    float: left;
    height: auto;
    display: block;
    text-align: left;
    margin-left: 0%;
    margin-top: 9.375px;
    clear: both;
    width: 75.475024%;
    margin-right: 0%;
}

#textinput {
    float: left;
    height: 42px;
    padding: 0px 0px 2px 10px;
    font-size: 1.43em;
    display: block;
    width: 70%;
    min-width: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: rgb(242, 242, 242);
    font-family: "source-sans-pro","arial",sans-serif;
    font-weight: 100;
    color: rgb(83, 83, 83);
    border-width: 0px;
}

#textinput:focus {
    border-style: none;
    border-width: 0px;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: rgba(58, 58, 58, 0.541176) 0px 0px 3px 3px;
}

#sendEmail {
    float: right;
    height: 44px;
    font-size: 1.43em;
    margin: 0;
    clear: none;
    width: 94px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: rgb(176, 195, 93);
    font-family: "source-sans-pro","arial",sans-serif;
    padding-top: 6px;
    color: rgb(255, 255, 255);
    font-weight: 100;
    border-style: none;
    border-width: 0px;
    box-shadow: none;
    padding-bottom: 4px;
}
#sendEmail:hover {
    background-color: rgb(247, 144, 30);
    border-width: 0px;
}
/*Contact Information-----------------------------------*/
#namePhone {
    float: none;
    height: 142px;
    margin-left: auto;
    margin-top: 16.765625px;
    clear: none;
    width: 30.999289%;
    margin-right: auto;
}

#textLeft {
    float: left;
    font-size: 2em;
    width: 33%;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1em;
    margin-left: 6.733139%;
    margin-top: 23px;
    clear: none;
    min-height: 0px;
    font-family: "source-sans-pro","arial",sans-serif;
    color: rgb(242, 242, 242);
    margin-right: 0px;
}

#textRight {
    float: left;
    font-size: 2em;
    width: 33%;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1em;
    margin-left: 22.257305%;
    margin-top: 23px;
    clear: none;
    min-height: 0px;
    margin-right: 0%;
    font-family: "source-sans-pro","arial",sans-serif;
    color: rgb(242, 242, 242);
}

/*Social Media Links--------------------------------------*/
#socialLinks {
    float: none;
    height: auto;
    margin: 20px auto 30px;
    clear: none;
    width: 18.999724%;
}

#socialStatement {
    float: left;
    font-size: 0.875em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 0px;
    font-family: "source-sans-pro","arial",sans-serif;
    text-transform: uppercase;
    color: rgb(242, 242, 242);
}

#youtubelink {
    height: 40px;
    margin-left: 45%;
    margin-top: 15px;
    clear: none;
    width: 40px;
    display: block;
    background-image:url("../images/youtubeIcon.png");
    background-attachment: inherit;
    background-size: auto;
    margin-right: 0%;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}
#youtubelink:hover {
    background-image:url("../images/youtubeIcon.png");
    background-attachment: inherit;
    background-size: auto;
    background-position: 0% -40px;
    background-repeat: no-repeat no-repeat;
}
/*Footer Elements----------------------------------------*/
#copyright {
    float: none;
    font-size: 0.75em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 300;
    line-height: 1em;
    margin: 40px 0px 20px 0%;
    clear: none;
    min-height: 0px;
    min-width: 0px;
    font-family: source-sans-pro;
    color: rgb(159, 159, 159);
}

/*Begin Media Queries------------------------------------*/

@media only screen and (max-width: 1600px) {
	
    #MBM-Logo-White {
        margin-top: 14%;
        width: 11.998958%;
    }
	
	#pageHeading {
        font-size: 3.55em;
        width: 30.998958%;
    }

    #description {
        width: 30.998958%;
    }
	
	#arrowDown {
        margin: 3% auto;
        clear: none;
        float: none;
    }
	
	#newsletterSingup {
        margin-top: 0px;
        clear: none;
        width: 27.998958%;
    }

    #statement {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
        float: none;
        clear: none;
    }
	
    #email {
        margin-top: 9.375px;
        margin-left: 0%;
        clear: none;
    }
	
    #namePhone {
        height: auto;
        margin-bottom: 3.164557%;
        margin-top: 2.68%;
        clear: none;
        width: 30.998958%;
    }

    #textLeft {
        font-size: 1.5em;
        margin-top: 2px;
    }

    #textRight {
        font-size: 1.5em;
        margin-top: 2px;
    }

    #socialLinks {
        margin-top: 0px;
        clear: none;
        width: 18.998958%;
        margin-bottom: 0%;
    }
	
    #copyright {
        clear: none;
        margin-top: 2%;
        margin-left: 0%;
        width: 100%;
        margin-bottom: 2%;
    }
}

@media only screen and (max-width: 1378px) {
    #MBM-Logo-White {
        width: 10%;
        margin-top: 15%;
        margin-left: auto;
        clear: none;
        height: auto;
        max-width: none;
        margin-right: auto;
    }

    #pageHeading {
        font-size: 3.1em;
        width: 30.998276%;
        margin-top: 39.4375px;
        clear: none;
    }

    #description {
        width: 30.998276%;
    }

    #arrowDown {
        margin-top: 4%;
    }

    #newsletterSingup {
        width: 35%;
        margin-top: 0%;
        clear: none;
    }
	
	#statement {padding: 0;}
	
	#email {
        width: 70.38%;
    }
	#textinput {
		float: left;
		height: 42px;
		padding: 0px 0px 2px 10px;
		font-size: 1.43em;
		display: block;
		width: 70%;
	}
	#sendEmail {
        margin-left: auto;
        margin-right: auto;
        /*float: none;*/
        clear: none;
        /*margin-top: 4%;*/
    }
	
    #namePhone {
        margin-bottom: 4%;
        margin-top: 4%;
        width: 30.998276%;
        clear: none;
    }

    #textLeft {
        margin-top: 0px;
    }

    #textRight {
        margin-top: 0px;
    }
	
 	#socialLinks {
        margin-top: 0px;
        margin-left: auto;
        clear: none;
        width: 31.094657%;
        margin-right: auto;
    }
	#socialStatement {
        width: 100%;
    }

    #youtubelink {
        margin-top: 15px;
        margin-left: 17.561901%;
        clear: none;
        width: 40px;
        height: 40px;
    }
	#copyright {
        margin-top: 2%;
        width: 100%;
    }

}

@media only screen and (max-width: 1200px) {
    
    #MBM-Logo-White {
        margin-top: 15%;
        margin-left: auto;
        clear: none;
        height: auto;
        width: 14.566406%;
        max-width: none;
        margin-right: auto;
    }
	#pageHeading {
        font-size: 3em;
        margin-top: 40.015625px;
        clear: none;
        width: 32%;
    }
	#description {
        width: 30.997396%;
    }
	
    #newsletterSingup {
        width: 35%;
    }
	
	#namePhone {
        width: 30.997396%;
    }
    #textRight {
        margin-top: 0px;
        margin-left: 20.095774%;
        clear: none;
    }
	
    #socialLinks {
        width: 31.09375%;
    }
    #youtubelink {
        margin-top: 15px;
        margin-left: 15.950586%;
        clear: none;
    }

    #copyright {
        margin-top: 2%;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
	
	.primaryContainer h2.frame-1, .primaryContainer h2.frame-2, .primaryContainer h2.frame-3, .primaryContainer h2.frame-4 {top: 40%; font-size: 2em;}
	.primaryContainer h2.frame-1 {top: 50%;}
	
    #MBM-Logo-White {
        width: 16.499329%;
        margin-top: 9.863281%;
        clear: none;
        height: auto;
    }

    #pageHeading {
        font-size: 2.6em;
        width: 32%;
        margin-top: 4.006958%;
        clear: none;
    }
	
    #description {
        width: 30.99823%;
        font-size: 1.2em;
        margin-top: 0px;
        clear: none;
    }
	
	   #arrowDown {
        display: none;
    }
	
	#newsletterSingup {
        width: 45%;
        margin-top: 3%;
        clear: none;
        margin-left: auto;
        margin-right: auto;
    }
	
	#statement {
        width: 65%;
        height: auto;
        margin: 5.067551% auto 1.58361%;
		padding: 0;
    }
	
	#email {
        width: 100%;
    }
    #sendEmail {
        margin-left: auto;
        margin-right: auto;
        /*float: none;*/
        clear: none;
        /*margin-top: 4%;*/
    }
	
    #namePhone {
        height: auto;
        margin: 3.90625% auto;
        width: 30.99823%;
        clear: none;
    }

    #textLeft {
        width: 46.5%;
        margin-top: 0px;
        margin-left: auto;
        clear: none;
        float: none;
        height: auto;
        margin-right: auto;
    }
	
    #textRight {
        margin-left: auto;
        float: none;
        clear: none;
        margin-top: 15px;
        width: 46.5%;
        height: auto;
        margin-right: auto;
    }

    #socialLinks {
        margin-top: 0px;
        clear: none;
        width: 31.09436%;
    }

    #socialStatement {
        width: 100%;
        margin-left: 0%;
        margin-right: 0px;
        float: none;
        clear: none;
    }

    #facebooklink {
        width: 40px;
        height: 40px;
        margin-top: 15px;
        margin-left: 26.219452%;
        clear: none;
    }

    #youtubelink {
        width: 40px;
        height: 40px;
        margin-top: 15px;
        margin-left: 22.539013%;
        clear: none;
    }

    #copyright {
        margin: 1% auto;
        width: 31.09436%;
        clear: none;
        float: none;
    }

}

@media only screen and (max-width: 770px) {
    #MBM-Logo-White {
        width: 22.599284%;
		height: auto;
    }

    #pageHeading {
        height: auto;
        margin-top: 5.208333%;
        margin-left: auto;
        clear: none;
        width: 80%;
        margin-right: auto;
    }

    #description {
        margin-top: 10px;
        clear: none;
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    #newsletterSingup {
        width: 80%;
        margin-top: 2.604167%;
        clear: none;
        margin-left: auto;
        margin-right: auto;
    }
	
	#statement {width: 100%; padding: 0;}

	#textInput {font-size: .9em; width: 65%; }
	
    #namePhone {
        width: 40.413411%;
        margin-top: 5.208333%;
        clear: none;
        margin-left: auto;
        margin-right: auto;
    }

    #socialLinks {
        width: 40.246582%;
        margin-top: 5%;
        margin-left: auto;
        clear: none;
        margin-right: auto;
    }
    #socialStatement {
        width: 100%;
    }
	
    #facebooklink {
        margin-top: 15px;
        margin-left: 25.356385%;
        clear: both;
    }
	
    #youtubelink {
        margin-top: 15px;
        margin-left: 23.11192%;
        clear: none;
        width: 40px;
        height: 40px;
    }
	
	#copyright {
        width: 40.472412%;
        height: auto;
        margin: 2% auto;
        clear: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 705px){
	
    #MBM-Logo-White {
        width: 40%;
    }

    #pageHeading {
        height: auto;
        margin-top: 8.333333%;
        margin-left: auto;
        clear: none;
        width: 80%;
        margin-right: auto;
        font-size: 2.3em;
    }

    #description {
        margin-top: 0px;
        clear: none;
        width: 80%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
	#statement{width:80%;}
    #newsletterSingup {
        width: 90%;
        margin-top: 4.166667%;
        clear: none;
        margin-left: auto;
        margin-right: auto;
    }
	
	#textinput {margin: 0 2%; width: 70%; text-align: center; padding: 0;}
	#sendEmail {float: left; margin: 0 2%;}

    #namePhone {
        width: 80%;
        margin-top: 8.333333%;
        clear: both;
        margin-left: auto;
        margin-right: auto;
    }
	#textRight {
        margin-left: auto;
        float: none;
        clear: none;
        margin-top: 25px;
        width: 50%;
        height: auto;
        margin-right: auto;
    }

    #socialLinks {
        width: 100%;
    }

    #facebooklink {
		display:block;
        margin: 15px 50px 0 150px;
        clear: both;
    }

    #youtubelink {
		display:block;
        margin: 15px 100px 0 50px;
        clear: none;
    }
	
	#copyright {
        width: 57.955729%;
        height: auto;
        margin-top: 2%;
        margin-left: auto;
        clear: none;
        margin-right: auto;
    }
}