@charset "utf-8";

hr.shortBar { border-color: #c04000; }

.imgRow .imgOverlay > .container { display:inline-block; padding:15px 0 50px 170px !important; }
.imgRow .imgOverlay > .container .icon { position:absolute; top:0; left:10px; width:135px; height:135px; background:url(../images/logo_mwdd.png) no-repeat center; background-size:contain; }
.imgRow .imgOverlay > .container .text { font-size:3em; color:#FFF; padding:15px 0; text-shadow:0 0 12px #1F3752;	 }

#homeIntro { margin-top:-60px; }
.homeIntroRow { display:flex; flex-direction:row; justify-content:center; align-items: stretch; padding-bottom:2em; }
a.homeIntroCol,
.homeIntroCol { display:block; text-align:center; width:30%; text-decoration:none; }
#creativeBox 	{ background:#C04000; margin-right:2.5%; }
#hostingBox 	{ background:#009888; margin-right:2.5%; }
#marketingBox 	{ background:#E69500; }
.homeBox { padding:20px 30px; color:#FFF; text-align:center; }
.homeBox .boxIcon { padding:15px;  }
.homeBox .boxIcon i { font-size:26px; width:80px; height:80px; padding-top:25px; border:2px solid #FFF; border-radius:50%; margin:0 auto; }
.homeBox p.boxHd { font-size:35px; padding:12px 0; margin:0; }
.homeBox p.boxHd b { font-weight:500; }
.homeBox p.boxTxt { font-size:15px; opacity:0.9; padding:10px 0; margin:0; }

/* Free Consultation */
#freeConsultationTop .imgTxtRow { padding:0 2.5%; }

/* Why Us - Using Flex */
#whyUs { text-align:center; color:#555 !important; }
#whyUs article > h3 { }
#whyUs article > p { width:70%; padding:1em 0 0; margin:0 auto; line-height:180%; }
#whyUs hr.shortBar { border-color:#ce3232; margin: 2em auto; }
.iconBoxes { display:flex; flex-direction:row; flex-wrap: wrap; justify-content:center; align-items:stretch; font-size:0.9em; color:#757575; padding:1em 0; }

/* recent projects */
#recentProjects { text-align:center; }
#recentProjects hr { border-color:#FED700; width:12%; margin:2.5em auto; }


@media only screen and (max-width: 1200px) {
	.imgRow .imgOverlay > .container { padding:12px 0 45px 140px !important; }
	.imgRow .imgOverlay > .container .icon { left:8px; width:110px; height:110px; }
	.imgRow .imgOverlay > .container .text { font-size:2.5em; padding:10px 0; text-shadow:0 0 10px #1F3752;	 }
	
	#homeIntro { margin-top:-55px; }
	.homeBox { padding:18px 25px; }
	.homeBox .boxIcon { padding:13px;  }
	.homeBox .boxIcon i { font-size:24px; width:76px; height:76px; padding-top:23px; }
	.homeBox p.boxHd { font-size:33px; padding:11px 0; }
	.homeBox p.boxTxt { font-size:14px; padding:9px 0; }

}
@media only screen and (max-width: 1100px) {
	#homeIntro { margin-top:-50px; }
	.homeBox { padding:15px 20px; }
	.homeBox .boxIcon { padding:12px;  }
	.homeBox .boxIcon i { font-size:22px; width:70px; height:70px; padding-top:21px; }
	.homeBox p.boxHd { font-size:30px; padding:9px 0; }
	.homeBox p.boxTxt { font-size:13px; padding:7px 0; }
}
@media only screen and (max-width: 1020px) {
	#whyUs article > p { width:80%; }
	.iconCol { width:50%; min-width:280px; }
}
@media only screen and (max-width: 900px) {
	#homeIntro { margin-top:-45px; }
	.homeBox { padding:12px 15px; }
	.homeBox .boxIcon { padding:11px;  }
	.homeBox .boxIcon i { font-size:20px; width:60px; height:60px; padding-top:18px; }
	.homeBox p.boxHd { font-size:26px; padding:8px 0; }
	.homeBox p.boxTxt { font-size:13px; padding:6px 0; }
}
@media only screen and (max-width: 800px) {
	.imgRow .imgOverlay > .container { padding:14px 0 40px 115px !important; }
	.imgRow .imgOverlay > .container .icon { left:0px; width:96px; height:96px; }
	.imgRow .imgOverlay > .container .text { font-size:2.2em; padding:8px 0; text-shadow:0 0 9px #1F3752; }
	
	#homeIntro { margin-top:-40px; }
	.homeBox { padding:12px 12px; }
	.homeBox .boxIcon { padding:10px;  }
	.homeBox .boxIcon i { font-size:18px; width:50px; height:50px; padding-top:14px; }
	.homeBox p.boxHd { font-size:22px; padding:7px 0; }
	.homeBox p.boxTxt { font-size:12px; padding:5px 0; }
}
@media only screen and (max-width: 700px) {
	.imgRow .imgOverlay > .container { padding:9px 0 30px 95px !important; }
	.imgRow .imgOverlay > .container .icon { width:80px; height:80px; }
	.imgRow .imgOverlay > .container .text { font-size:2em; padding:6px 0; text-shadow:0 0 8px #1F3752;	 }
}
@media only screen and (max-width: 650px) {
	/*.imgRow .imgOverlay > .container { padding:14px 0 40px 115px !important; }
	.imgRow .imgOverlay > .container .icon { left:0px; width:96px; height:96px; }
	.imgRow .imgOverlay > .container .text { font-size:2.2em; padding:8px 0; text-shadow:0 0 9px #1F3752; }
	*/
	#homeIntro { margin-top:-40px; }
	.homeIntroRow { display:block; padding-bottom:2em; }
	a.homeIntroCol,
	.homeIntroCol { width:90%; margin:0 auto 1em !important; }
	.homeBox { padding:20px 25px; }
	.homeBox .boxIcon { padding:13px;  }
	.homeBox .boxIcon i { font-size:24px; width:76px; height:76px; padding-top:23px; }
	.homeBox p.boxHd { font-size:33px; padding:11px 0; }
	.homeBox p.boxTxt { font-size:14px; padding:9px 0; }
	
	#whyUs article > p { width:90%; }
	.iconCol { width:100%; }
	.iconBox { max-width: 400px; }
}
@media only screen and (max-width: 550px) {
	.imgRow .imgOverlay > .container { padding:14px 0 40px !important; text-align:center; }
	.imgRow .imgOverlay > .container .icon { position:relative; left:auto; top:auto; width:80px; height:80px; margin:0 auto 12px; }
	.imgRow .imgOverlay > .container .text { font-size:2em; padding:9px 0; text-shadow:0 0 9px #1F3752; }
	
	a.homeIntroCol, .homeIntroCol { width:95%; }
}
@media only screen and (max-width: 370px) {
	.imgRow .imgOverlay > .container .text { font-size:1.7em; }
}