img{
	max-width: 100%
}
.navbar-brand>img{
	max-width: 300px
}

.imagepadding {
	margin: 15px 15px 15px 15px;
}
h1 {
	font-size: 400%;
	font-family: Arial Black;
	text-shadow:  1px 4px 5px black;
	text-align: center;
	padding: 1%;
	color: white;
	text-outline: length;
	-webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}
.form-submit{
	display:block;
	text-align:center;
}

form {
	display:inline-block;
}

.carousel-caption{
	background: #00000047;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link {
	color: black;
	font-weight: 400;
	padding: 20px;
}
.navbar-light .navbar-nav .nav-link:hover {
	background: black;
	color: white;

}
.navbar-nav {
	font-size: 21px
}

.nav-item {
	padding 20 0 0 0;
}

.side-buttons{
	min-height: 50%
}
.slider{
	background: grey;
	border-bottom: 10px solid #19a5c8;
}
.slider>.row>.col-12{
	margin: 0 !important;
	padding: 0 !important
}
.slider>.row>.col-12{
	margin: 0 !important;
	padding: 0 !important
}
.slider>.row>.col-12>.bg-secondary{
	font-size: 30px;
}
.slider>.row>.col-12>.bg-secondary>a{
	color: white;
	text-decoration: none
}
.row{
	max-width: 1140px !important;
	margin: 0 auto;
}
.bg-black{
	background: black
}
.second{
	padding: 50px;
	color: white
}
hr {
	width: 100%;
	text-align: left;
	margin-left: 0;
}
.latest-project,.text-portion{
	position: relative;
}

.kitchen-remodel{
 background-image: url('http://www.leviathancontracting.com/images/kitchenremodel2.jpg');
 min-height: 600px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
}

.trim-millwork-remodel{
 background-image: url('http://www.leviathancontracting.com/images/trimwork.jpg');
 min-height: 600px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
}

.accents{
 background-image: url('http://www.leviathancontracting.com/images/cypressauburn.jpg');
 min-height: 600px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
}

.container2 {
	position: inherit;
	margin:  1px 10px 20px;
	max-width: 300px;
	padding: 16px;
	background-color: white;
	opacity: .9;
}


.btn{
	background-color: #22add1;
	color: white;
	padding: 5px 5px;

}

input[type=text], input[type=phone] {
width: 100%;
padding: 1px;
margin: 5px 0 22px 0;
border: none;
background: #f1f1f1;
}

.latest-project::before,.text-portion::before{
	background-image: url('../images/backgroundprints2.jpg');
	content: "";
	background-repeat: no-repeat;
  	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 0.03;
}


footer div{
	background-color: #303030;
	color: #7d7d7d
}

@media screen and (max-width: 420px) {
  .d-flex {
    display: table-cell !important;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 40px 20px;
}
.gallery img {
  width: 300px;
  height: 200px;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}