@import "normal.css";


@media (min-width: 250px)
{
	#services {
		width: 100%;
		height: 50px;
		text-align: center;
		font-size: 36px;
		color: #068ce4;
		float: left;
	}
}
@media (min-width: 1200px)
{
	#services {
	margin-top: 200px;
	width: 100%;
		height: 50px;
	text-align: center;
	font-size: 36px;
	color: #068ce4;
	float: left;
	}
}
#company>h1
{
	text-align:center;
	font-size:72px;
	color:#068ce4;
}

#introtext
{
	width:30%;
	margin-top:100px;
	margin-left:150px;
}
#context
{
	width: 80vw;
	margin-left: 10vw;
	margin-right: 10vw;
	background-image: url(../img/real_bg.png);
	background-size: 130%;
	background-repeat: no-repeat;
	height: 700px;
}


.service-picture
{
	width:33%;
	float:left;

}

.service-text
{
	float:left;
	width:50%;
	height:30%;
	font-size:14px;
	color:#030e47;
	text-align:left;

}
#title
{
	float: left;
	width: 100%;
	margin-left: 10vw;
}
/*
.test li:hover ul{
	display:block;
	background:#068ce4; color:#fff;
}*/
</style>