@charset "utf-8";

@media (min-width: 850px) {
}

body {
	margin:0 auto;
	background-image:url(headerBG.jpg);
	background-repeat:no-repeat;
	background-size: 100%;
	background-color:#b5b1b1;
	font-family: 'Pompiere', cursive;
	font-size:26px;
}

.clear {
	clear:both;
}

header {
	min-height: 20%;
	padding:0.1em 1.5em;

}

#companyName {
	font-family: 'Oswald', sans-serif;
	font-size:2.5em;
	font-size: 3.4vw;

}

/* The animation code */
@keyframes shadow {
	0%   {text-shadow: 0 0 10px #FFFFFF;}
    20%  {text-shadow: 0 0 10px #E80B0F;}
    40%  {text-shadow: 0 0 10px #FFFFFF;}
    60% {text-shadow: 0 0 10px #0000FF;}
	100%  {text-shadow: 0 0 10px #FFFFFF;}
}

#companyName h1 {
	font-family: 'Oswald', sans-serif;
	font-size:1.7em;
	font-size: 6.2vw;
	line-height: 8.2vw;
	text-align:center;
	text-shadow: 0 0 10px #FFFFFF;
	animation-name: shadow;
    animation-duration: 6s;
	animation-iteration-count: infinite;
	padding:0 0.1em;
	margin:0;
}



#companyName p {
	text-align:center;
	margin:0 0 0.2em 0;
}

#contact {
	text-align:center;
	font-size: 3.8vw;
	padding:0 3em;
}

#contact a:link {
	text-decoration: none;
	color:#000000;
}

#contact a:visited {
	text-decoration: none;
}

#contact a:hover {
	text-decoration: none;
}

#contact a:active {
	text-decoration: none;
}

.bphone {
	display:block;
	font-weight:bold;
	font-size: 6.5vw;
	padding:0 0.1em;
	margin:0;
	text-shadow: 0 0 10px #FFFFFF;
	animation-name: shadow;
    animation-duration: 6s;
	animation-iteration-count: infinite;
}

.offer {
	padding: 1em;
	margin: 1% 5% 1% 9%;
	font-size:1.1em;
	
}

.services {
	padding: 1em;
	margin: 1% 5% 1% 9%;
	font-size:1.2em;
	
}

.services img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.offer h3 {
	font-weight:normal;
	font-size:1.3em;
	padding:0 0.1em;
	margin:0 0 0 1%;

}

.offer ul {
	margin-top:0.5em;
	margin-bottom:0;	
}

#serv_box {
	font-size:1.1em;
	margin-left:2%;
	width:260px;
	float:left;
}

#serv_box1 {
	font-size:1.1em;
	margin-left:2%;
	width:260px;
	float:left;
}

#serv_box2 {
	font-size:1.1em;
	margin-left:2%;
	width:260px;
	float:left;
}

#serv_box3 {
	font-size:1.1em;
	margin-left:2%;
	width:260px;
	float:left;
}

.images {
	margin-top: 4%;		
}

.images img {
	margin: 0 5%;		
}

#about {
	font-size:1.2em;
	padding: 1em;
	margin: 1% 5% 1% 9%;
}

.coverage {
	padding: 1em;
	margin: 1% 5% 1% 9%;
	font-size:1.2em;
}

.cities {
	margin-left: 5%;
	float:left;
}


.map {
	width:55vw;
	height:35vw;
	float:left;
}

.footer {
	text-align:center;
	font-size: 1.3em;
	margin: 0.5% 6% 5% 9%;
}

.footer a:link {
	text-decoration: none;
	color:#000000;
}

.footer a:visited {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: none;
}

.footer a:active {
	text-decoration: none;
}


.phone {
	display:block;
	font-size: 1.5em;
	font-weight:bold;
	padding:0 0.1em;
	margin:0.2em 0;
	text-shadow: 0 0 10px #FFFFFF;
	animation-name: shadow;
    animation-duration: 6s;
	animation-iteration-count: infinite;
}

/* Menu
 * --------------------------------------- */
#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:fixed;
	bottom:0;
	left:0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 1em;
	margin:0;
}

#section1 {
	margin:0 auto;
	background-image:url(headerBG.jpg);
	background-repeat:no-repeat;
	background-size: 100%;
}

#section2 {
	margin:0 auto;
	background-image:url(headerBG-g.jpg);
	background-repeat:no-repeat;
	background-size: 100%;
}

#section3 {
	margin:0 auto;
	background-image:url(headerBG-o.jpg);
	background-repeat:no-repeat;
	background-size: 100%;
}

#section4 {
	margin:0 auto;
	background-image:url(headerBG-b.jpg);
	background-repeat:no-repeat;
	background-size: 100%;
}

#section5 {
	margin:0 auto;
	background-image:url(headerBG-gr.jpg);
	background-repeat:no-repeat;
	background-size: 100%;
}