.intro p{margin: 0px;}
.bgdiv{
	opacity: 0.3;
	background: url('images/logo_300.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	width: calc(100% - 4rem);
	position: absolute;
}
.about {
	padding-top: 2rem;
	padding-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
	background: rgb(223,223,207);
	background: -moz-linear-gradient(0deg, rgb(211, 211, 194) 0%, rgb(176, 176, 146) 100%);
	background: -webkit-linear-gradient(0deg, rgb(211, 211, 194) 0%, rgb(176, 176, 146) 100%);
	background: linear-gradient(0deg, rgb(211, 211, 194) 0%, rgb(176, 176, 146) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d3d3c2",endColorstr="#b0b092",GradientType=1);
}
.about_cell {
	padding: 1rem;
	display: flex;
	position: relative;
}
.about_cell i{
	color: #555;
	font-size: 4rem;
	margin-right: 2rem;
}
.about_cell b{
	font-family: 'Open Sans', sans-serif;
	color: #555;
	display: block;
}
.about_cell_bg{
	opacity: 0.2;
	position: absolute;
}
.about_cell_bg i{
	font-size: 8rem;
	margin: 2rem 0rem 0rem 2rem;
}
.whoami p{margin: 0px;}
.section_column4{
	padding: 1rem 1rem 3.5rem 1rem;
	margin: 1rem;
	position: relative;
	background-color: #FFFA;
	width: calc(100% - 2rem);
	border: 1px solid #333;
}
.servicesBG{
	opacity: .3;
	background: url('images/hodge_it_solutions_diagram_BG_distort.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-color: #FFF;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
}
.services{
	display: flex;
	flex-wrap: wrap;
}
.services div{text-align:center;}
.services a{
	color: black;
	background-color: #D3D3C2;
	position: absolute;
	display: block;
	width: calc(70% - 2rem);
	bottom: 1.5rem;
	text-decoration: none;
	margin-left: 15%;
	padding: 0.25rem 0rem;
	transition: 300ms;
}
.services a:hover{
	background-color: #2c2c3d;
	color: #D3D3C2;
}
.services i{
	font-size: 3rem;
	color: #BBB;
	display: block;
	width: calc(100% - 2rem);
	text-align: center;
	position: absolute;
}
.services b{
	font-size: 1.5rem;
	position: relative;
	top: 3rem;
}
.services p{
	margin-top: 4rem;
}
@media only screen and (orientation: landscape) and (min-width: 1000px) {
	.big_screen_spacer{height: 1rem;}
	.small_screen_spacer{height: 0rem !important;}
	.about_cell{width: calc(50% - 2rem);min-height: 11rem;}
	.whoami p{text-align: center;}
	.intro{min-height: 15rem;}
	.intro .bgdiv{opacity: 1;background-position: 0% 50%;height: 100%;}
	.intro h1{margin-left: 16rem;}
	.intro p{margin-left: 16rem;}
	.section_column4{width: calc(25% - 4rem - 2px);}
	
}

/* typewriter css*/
.typewriterspan {
	border-right: .05em solid;
	animation: caret 1s steps(1) infinite;
}

@keyframes caret {
	50% {
		border-color: transparent;
	}
}