html {
	max-width: 100vw;
	min-height: 100vh;
	overflow-x: hidden;
	}
body {
	background-color:#554a75 !important;
	max-width: 100%;
	min-height: 100vh;
	overflow-x: hidden;
	}
#home-main {
	background:url(../images/studio.jpg);
	background-position:center center;
	background-size:cover;
	height:10px;
	}
#home-main-text {
	background:url(../images/DMI_white.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:100%;
	height:100%;
	max-width: 540px;
	margin: 0 auto;
	}
#home-main-x {
	background:url(../images/Purple_Rain_mark.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:100%;
	height:100%;
	mix-blend-mode: multiply;
	}
	
	
#col1 {
	background:#d6dade;
	height:600px;
	}
#col2 {
	background:#ffffff;
	height:600px;
	}
#col3 {
	background:#d6dade;
	height:600px;
	}
	
	
#home-footer {
	background:#554a75;
	height:150px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center center;
	text-align: center;
	}	
	
	
.hide-text {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}
.hide-text small { display: none; }
.hide-text span { display: none; }
#callus {
	background:url(../images/call.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
	}
#stopby {
	background:url(../images/stopby.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
	}
#writeus {
	background:url(../images/writeus.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:100%;
	}

@media (max-width:767px) {
	#home-main {height:75vh; padding: 25px; }
/*	#home-main-text {background-size:300px;}
	#home-main-x {background-size:300px;}*/
	#callus  {background-size:280px;}
	#stopby  {background-size:280px;}
	#writeus  {background-size:280px;}
	#col1 {height:250px;}
	#col2 {height:250px;}
	#col3 {height:250px;}
	#oldwebsite {background-size:280px;}
	}
@media (min-width:768px) {
	#home-main {
		height:calc(100vh - 40px);
		padding: 35px;
		max-height: 800px;
	}
	#callus  {background-size:280px;}
	#stopby  {background-size:280px;}
	#writeus  {background-size:280px;}
	#col1 {height:300px;}
	#col2 {height:300px;}
	#col3 {height:300px;}
	#oldwebsite {background-size:700px;}
	}

/* TYPOGRAPHY TO TWEAK FOR WEBFONT */
#callus,
#stopby,
#writeus {
	padding-left: 26px;
	padding-top: 89px;
	background-image: none;
}
#oldwebsite {
	padding-top: 51px;
	background-image: none;
}
#callus small,
#stopby small,
#writeus small {
	font-family: 'bebas_neue_regularregular', sans-serif;
	display: inline-block;
	color: white;
	font-size: 21px;
	line-height: 35px;
	letter-spacing: 1px;
}
#oldwebsite small {
  font-family: 'bebas_neue_regularregular', sans-serif;
  display: inline-block;
  color: white;
  font-size: 23px;
  line-height: 35px;
  letter-spacing: 1px;
}
#callus span,
#stopby span,
#writeus span {
	font-family: 'bebas_neue_regularregular', sans-serif;
	color: white;
	font-size: 35px;
  letter-spacing: -0.4px;
  line-height: 38px;
  text-decoration: none !important;
}
#oldwebsite span {
		font-family: 'bebas_neue_regularregular', sans-serif;
    color: white;
    font-size: 32px;
    letter-spacing: 0.2px;
    line-height: 27px;
}
#callus span a,
#stopby span a { color: #fff; }
#callus span a:hover,
#stopby span a:hover { color: #23527c; text-decoration: none; }
#col3 > a:hover { text-decoration: none; }
#home-footer > a:hover  { text-decoration: none; }
#col3 > a:hover span { color: #23527c; transition: color 200ms ease-in-out; }
#home-footer > a:hover span { color: #23527c; transition: color 150ms ease-in-out; }
#stopby small,
#stopby span { color: #D6DADE !important; }


@media (max-width:991px) {
		#col1,
		#col2,
		#col3,
		#home-footer {
			height: auto;
		}
		#callus,
		#stopby,
		#writeus,
		#oldwebsite {
			padding: 60px 10%;
			margin: 0 auto;
			max-width: 480px;
			text-align: left;
		}
		#oldwebsite small { text-align: center; }
	}
/* IE hack, tested working in IE 10, 11, and Edge */
_:-ms-lang(x), #home-main-x { opacity: 0.55; }
