/* Your custom css code goes here */



@media (min-width: 768px) {
  .logo {
	background-image: url(../img/logo_md.png);
	background-repeat: no-repeat;
	width:497px; 
	height: 220px;
	margin: 20px auto 10px;
	padding: 0px;
    }
	.clrBlue {
	background-color: #0c5e89;
	padding: 10px 20px;
	height: 320px;
	margin: 0 auto; top:0px
	} 
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.text-center {
	padding: 0px 80px;
	}
 	.probootstrap-half .text {
    width: 100%;
    padding: 50px 85px;
    float: left;
  }
	
}

@media screen and (max-width: 768px) {
  .logo {
	background-image: url(../img/logo_sml.png);
	background-repeat: no-repeat;
	width:497px; 
	height: 100px;
	  position: absolute;
	margin: 0 auto; top:10px; left: 10px;
  }
  .clrBlue {
	background-color: #0c5e89;
	padding: 10px 0px;
	height: 150px;
	margin: 0 auto; top:0px
}

.project {
	width: 100%;
	padding-left: 20px;
}
.probootstrap-half .text {
    width: 100%;
    padding: 30px 45px;
    float: left;
  }
.bottom p { 
	font-size: 13px;
}
	
}

.bottom {
	background-color: #f4bd00; 
	height: 100px; 
	margin:  0px;
}

.bottom p {
	text-align: center; 
	color: #000000;
	padding-top: 40px; 
} 

.landing {
	height: 300px;
}

.project {
	width: 80%;
}

.text .white {
	background-color: #FFFFFF;
}

.probootstrap-full .text {
  width: 100%;
}

.text-center {
	padding: 0 30px;
}

.service-item {
	padding: 0 50px;
}

