.main{
	width:1280px;
	margin:auto;
}
.header{
	width:1280px;
	float:left;
	margin-bottom:10px;
}
.logo{
	width:300px;
	float:left;
	margin:10px;
	padding:10px;
}
.logo img{
	width:200px;
	height:60px;
	float:left;
	margin-left:35px;
	margin-top:10px;

}
.navbar {	
  overflow: hidden;
  float:right;
  margin:10px;
  margin-right:45px;
  margin-top:40px;
 
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 17px;
  color: white;
  text-align: center;
  padding: 10px 20px;
  border:1px solid white;
  text-decoration: none;
   background-color:#DC2E2E;

  font-family: 'Source Sans Pro', sans-serif;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
   
}

/* Dropdown button */
.dropdown .dropbtn {

  font-size: 17px; 
  border: 1px solid white;

  color: white;
  padding: 10px 20px;
  background-color:#DC2E2E;
  font-family:'Source Sans Pro', sans-serif;
   text-decoration: none;
  outline:none;
}

/* Add a red background color to navbar links on hover */
.dropdown:hover .dropbtn {
  background-color:#ff9b9b;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
 
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
  text-align: left;
  color:white;
   font-family:'Source Sans Pro', sans-serif;
    border:1px solid white;
	 background-color:#DC2E2E;

}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color:#ff9b9b;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
/* Add a red background color to navbar links on hover */
.navbar a:hover {
 background-color:#ff9b9b;
}
.services{
	width:1280px;

}
.services h1{
	width:255px;
	color:#DC2E2E;
	font-size:40px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:normal;
	padding-top:150px;
	border-bottom:1px solid #DC2E2E;
	margin-left:50px;
	
}
.our-services{
	width:1280px;
	float:left;
}
.main-service{
	width:1080px;
	float:left;
	padding-bottom:20px;
	margin-left:40px;
	margin-top:40px;
}

.main-service img{
	width:1185px;
	height:350px;
}

.main-service h2{
	color:#DC2E2E;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:normal;
	
}
.main-service p{
	    width:1185px;
	    font-family: 'Source Sans Pro', sans-serif;
		font-size:15px;
		word-spacing:5px;
		text-align:justify;
		color:#4b4d54;	
	}

.service1 {
	width:1185px;
	
}
.left {
	
	width:500px;
	float:left;
	margin-left:40px;
}
.left h2{
	font-weight:normal;
	color:#4b4d54;	
	font-family: 'Source Sans Pro', sans-serif;	
}
.left ul li{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	color:#4b4d54;
}
.right {
	
	width:500px;
	float:right;
	margin-right:10px;
	
}
.right h2{
	font-weight:normal;
	color:#4b4d54;	
	font-family: 'Source Sans Pro', sans-serif;	
}
.right ul li{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:15px;
	color:#4b4d54;
}

.main-services{
	width:600px;
	float:left;
	padding-bottom:20px;
	margin-left:40px;
	margin-top:40px;
}

.main-services img{
	width:550px;
	height:300px;
}

.main-services h2{
	color:#DC2E2E;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:normal;
	font-size:26px;
}
.main-services p{
	    width:550px;
	    font-family: 'Source Sans Pro', sans-serif;
		font-size:15px;
		word-spacing:5px;
		text-align:justify;
		color:#4b4d54;	
	}


.build{
	width:1280px;
	float:left;
}
.build h1{
	background-color:#e9e6ef;
	color:#DC2E2E;
	font-weight:normal;
	padding:130px;
	font-variant: small-caps;
	font-family: 'Source Sans Pro', sans-serif;
	text-shadow: 0 0 3px rgba(13, 13, 13, 0.79);
}
.footer{
	width:1280px;
	float:left;
	
}			
.contact-us{
	width:1280px;
	border-top:2px solid #DC2E2E;
	
}
.contact-us h2{
	font-family: 'Source Sans Pro', sans-serif;
	color:#DC2E2E;
	text-align:center;
}
.contact-us p{
	font-family: 'Source Sans Pro', sans-serif;
	color:#DC2E2E;
	font-size:17px;
	text-align:center;
	
}
.contact-us h3{
	font-family: 'Source Sans Pro', sans-serif;
	color:#DC2E2E;
	font-weight:normal;
	font-size:16px;
	text-align:center;
	margin-top:-10px;
}
.contact-us h4{
	font-family: 'Source Sans Pro', sans-serif;
	color:#DC2E2E;
	text-align:center;
	font-size:19px;
	margin-top:-5px;
}

.contact-us1{
	width:1280px;
	float:left;
	
}
.contact-us2{
	width:640px;
	float:left;
	margin:20px;
}
.contact-us2 img{
	width:15px;
	height:16px;
	margin-bottom:-3px;
}
.contact-us2 p{
	color:#DC2E2E;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top:-12px;
	
}
.contact-us2 p span{
	color:#4b4d54;
}
.contact-us3{
	width:150px;
	float:left;
}
.contact-us3 p{
	float:left;
	margin-top:4px;
	margin-left:415px;
	color:#4b4d54;
	width:150px;
	font-family: 'Source Sans Pro', sans-serif;
}
.fa {
  width: 25px;
  text-decoration: none;
  padding: 6px;
  text-align: center;
  margin: 0px 2px;
  border-radius:5px;
  
}

.fa:hover {
    opacity: 0.5;
}
.fa-facebook {
  background: #3B5998;
  color: white;
  float:right;
}

.fa-linkedin {
	float:right;
  background: #007bb5;
  color: white;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) 
{
	.main{
	width:95%;
	margin:auto;
}
.header{
	width:100%;
	float:left;
	
}
.logo{
	width:95%;
	float:left;
	
}
.logo img{
	width:60%;
	height:12%;
	float:left;
	margin-left:10%;
}
.navbar {
	width:100%;
  overflow: hidden;
  float:left;
  margin:0px;
  margin-right:0px;
  margin-top:0px;
  margin-left:10px;

}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 12px;
  color: white;
  text-align: center;
  padding: 5px 10px;
  border:1px solid white;
  text-decoration: none;
  font-family: 'Source Sans Pro', sans-serif;
   background-color:#DC2E2E;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
   
}

/* Dropdown button */
.dropdown .dropbtn {

  font-size: 12px; 
  border: 1px solid white;
 margin-left:14%;
  color: white;
  padding: 5px 20px;
  background-color:#DC2E2E;
  font-family:'Source Sans Pro', sans-serif;
   text-decoration: none;
  outline:none;
}

/* Add a red background color to navbar links on hover */
.dropdown:hover .dropbtn {
  background-color:#ff9b9b;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  padding: 5px 20px;
  text-decoration: none;
  display: block;
  text-align: left;
  color:white;
   font-family:'Source Sans Pro', sans-serif;
    border:1px solid white;
	margin-left:12%;
	 background-color:#DC2E2E;
	
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color:#ff9b9b;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
/* Add a red background color to navbar links on hover */
.navbar a:hover {
 background-color:#ff9b9b;
}
.services{
	width:100%;
}
.services h1{
	width:100%;
	color:#DC2E2E;
	font-size:30px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:normal;
	padding-top:0;
	border-bottom:1px solid #DC2E2E;
	margin-left:0;
	text-align:center;
	
}
.our-services{
	width:100%;
	float:left;
}
.main-service{
	width:100%;
	float:left;
	padding-bottom:0px;
	margin-left:0px;
	margin-top:0px;
}

.main-service img{
	width:100%;
	height:35%;
}

.main-service h2{
	color:#DC2E2E;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:normal;
	font-size:18px;
	
}
.main-service p{
	    width:100%;
	    font-family: 'Source Sans Pro', sans-serif;
		font-size:14px;
		word-spacing:2px;
		text-align:justify;
		color:#4b4d54;	
	}

.service1 {
	width:100%;
	
}
.left {
	
	width:100%;
	float:left;
	margin-left:0px;
}
.left h2{
	font-weight:normal;
	color:#4b4d54;	
	font-family: 'Source Sans Pro', sans-serif;	
	font-size:17px;
}
.left ul li{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	color:#4b4d54;
}
.right {
	
	width:100%;
	float:right;
	margin-right:0px;
	
}
.right h2{
	font-weight:normal;
	color:#4b4d54;	
	font-family: 'Source Sans Pro', sans-serif;	
	font-size:17px;
}
.right ul li{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	color:#4b4d54;
}

.main-services{
	width:100%;
	float:left;
	padding-bottom:20px;
	margin-left:0px;
	margin-top:20px;
}

.main-services img{
	width:100%;
	height:35%;
}

.main-services h2{
	color:#DC2E2E;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:normal;
	font-size:18px;
}
.main-services p{
	    width:100%;
	    font-family: 'Source Sans Pro', sans-serif;
		font-size:14px;
		word-spacing:2px;
		text-align:justify;
		color:#4b4d54;	
	}

.build{
	width:100%;
	float:left;
}
.build h1{
	background-color:#e9e6ef;
		color:#DC2E2E;
	font-weight:normal;
		padding:30px;
		margin-top:30px;
	font-variant: small-caps;
	font-family: 'Source Sans Pro', sans-serif;
		text-shadow: 0 0 3px rgba(13, 13, 13, 0.79);
		font-size:25px;
}

.footer{
	width:100%;
	float:left;
	
}			
.contact-us{
	width:100%;
	border-top:2px solid #DC2E2E;
	
}
.contact-us h2{
	font-family: 'Source Sans Pro', sans-serif;
	color:#DC2E2E;
	text-align:center;
	font-size:20px;
}
.contact-us p{
	font-family: 'Source Sans Pro', sans-serif;
	color:#DC2E2E;
	font-size:14px;
	text-align:center;
	
}

.contact-us h4{
	font-family: 'Source Sans Pro', sans-serif;
	color:#DC2E2E;
	text-align:center;
	font-size:16px;
	margin-top:-5px;
}

.contact-us1{
	width:100%;
	float:left;
	
}
.contact-us2{
	width:80%;
	float:left;
	margin:10px;
	margin-left:50px;
}
.contact-us2 img{
	width:13px;
	height:15px;
	margin-bottom:-2px;
}
.contact-us2 p{
	color:#DC2E2E;
	font-family: 'Source Sans Pro', sans-serif;
	margin-top:-12px;
	font-size:15px;
	
}
.contact-us2 p span{
	color:#4b4d54;
}

.contact-us3{
	width:60%;
	float:left;
}
.contact-us3 p{
	float:left;
	margin-top:0px;
	margin-left:65px;
	color:#4b4d54;
	width:60%;
	font-family: 'Source Sans Pro', sans-serif;
}
.fa {
  width: 10%;
  text-decoration: none;
  padding: 3px;
  text-align: center;
  margin: 0px 60px 0px -55px;
  border-radius:5px;
  
}

.fa:hover {
    opacity: 0.5;
}
.fa-facebook {
  background: #3B5998;
  color: white;
  float:right;
}

.fa-linkedin {
	float:right;
  background: #007bb5;
  color: white;
}

}