/* CSS Document */

html, body { height:100%; width: 100%; }

body {
	background-color: #1a98d5;
	color: white;
}

.jumbotron {
	background-color: #063d59;
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;	
	
}

.jumbotron h1 {
	text-indent: -10000px;
	margin: 0; padding: 0;
}

.jumbotron > .logo {
	background-image:url(../img/jr_plumbing_logo-big-white.png);
	background-repeat: no-repeat;
	background-position:center;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
background-size:contain;


}

.jumbotron img {
	width: 100%;
	height: 100%;
}

.jumbotron a {
	color: #1a98d5;
}

.jumbotron a:hover {
	color: white;
}

p.lead {
	font-size: smaller;
}

p.lead.first {
	padding-top: 10px;
}

p.lead.last {
	margin-bottom: 0; padding-bottom: 0;
	font-size: larger !important;
	line-height: auto;
}


.footer {
	color: white;
}


.container {
	max-width: 50%;
}
@media only screen and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2) {
  .container {
    max-width: 96%;
	
  }
  .p.lead, p.last, .jumbotron {
	  font-size: medium !important;
	  
  }
}