@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* Navbar */
nav { font-size: 1.2em; }

.navbar-brand { margin-bottom: 15px; }

.navbar-phone { margin-right: 5px; }

#myNavbar {	margin-top: 5px; }
/* Navbar */

/* Heading */
.head-image {
	background-image: url(../images/banner_1.jpg);
	height: 800px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.head-text {
	font-family: 'Open Sans', sans-serif;
	color: white;
	text-shadow: 5px 5px 5px black; 
	margin-top: 210px;
}

#myCarousel {
	margin-top: 0px;
}
/* Heading */

/* First Content */
.content-filler { min-height: 400px; }

.service-list {
	text-align: left;
	padding-left: 60px;
}
/* First Content */

/* First Full Screen Image */
.fill-screen {
	background-image: url(../images/computer-service.jpg);
	background-size: cover;
	background-position: center;
	height: 600px;
}

.fixed-attachment { background-attachment: fixed; }

.content-text {
	font-family: 'Open Sans', sans-serif;
	color: white;
	text-shadow: 5px 5px 5px black; 
	margin-top: 300px;
}

/* First Full Screen Image*/

/* Second Content */
.content-offer { 
	padding: 15px; 
	margin-bottom: 20px;
}

.icon-large {
	font-size: 3.2em;
	color: #004d99;
}

.text-large { font-size: 1.2em; }
/* Second Content */

/* Second Full Screen Image */
.laptop-fill-screen {
	background-image: url(../images/computer-service_1.jpg);
	background-size: cover;
	background-position: center;
	height: 600px;
}
/* Second Full Screen Image */

.service-comp {
	height: 600px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	color: white;
	text-shadow: 5px 5px 5px black;
}


@media screen and (max-width: 990px) {
	ul.service-list {
		padding-left: 250px;
		font-size: 1.6em;
	}
}

@media screen and (max-width: 650px) {
	ul.service-list {
		padding-left: 80px;
		font-size: 1.2em;
	}
}

@media screen and (max-width: 380px) {
	.content-text  { font-size: 2em; }
}

@media screen and (max-width: 270px) {
	div.jumbotron div.head-text h1, .content-text  { font-size: 2em;	}
	.navbar-brand { margin-bottom: 15px; }
	.content-text {  }
}