html, body{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#383838;
}

img{
	max-width: 100%;
}

a{
	color:#339999;
	text-transform:uppercase;
}

a:visited{
	color:#339999;
}

a:hover, a:active, a:focus {
    text-decoration: none;
	color:#006766;
}

button,
button:visited{
	background-color:#339999;
	font-size:20px;
	color:white;
	font-weight:bold;
	border: none;
	padding: .5em;
}
button:hover{
	background-color:#006766;
	transition:.5s;
}

.overhomelogo {
    width: 100%;
}

.menu{
	text-align: center;
	padding-top: .5em;
}

.main{
	max-width:1100px;
	margin:0 auto;
	padding: 3em;
	padding-top: 0;
}

hr {
border:solid 1px #339999;
width: 96%;
color: #339999;
height: 2px;
margin-top:2em;
margin-bottom:2em;
}

h1{
	color:#339999;
	font-size: 32px;
	text-align:center;
	max-width: 880px;
	margin: 0 auto;
	padding: 1em;
	padding-bottom:0.5em;
}

h2{
	color:#383838;
	font-size: 32px;
	margin-top: -13px;
	text-align:center;
}

h3{
	color:#339999;
	font-weight:bold;
	text-align:left;
	margin-bottom: 5px;
}

h4{	color:#339999;
		font-weight:bold;
		font-size: 24px;
		margin-bottom: 7px;
		text-align:center;
}

img.imgright {
  float: right;
  padding-left: 1em;
  padding-bottom: 1em;
}

img.imgleft {
  float: left;
  padding-right: 1em;
  padding-bottom: 1em;
}

.bracelet_container,
.sliders_container,
.bands_container,
.leather-container{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bracelet-box,
.sliders-box,
.leather-box{
	text-align:center;
	width: 182px;
	padding: 1em;
}

.bands-box{
	text-align:center;
	width: 100px;
	padding: 1em;
}

.brick_container{
	display:flex;
}
.left_brick {
    width: 50%;
    display: inline-block;
    padding: 2em;
	}

.right_brick {
	  width: 50%;
	  display: inline-block;
	  padding: 2em;
}

.threeimages{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
	padding:1em;
}

.contactform {
    max-width: 60%;
    text-align: left;
	}

input[type="text"], select, textarea {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}


.footer{
	padding: 20px;
	background-color: #CCC49F;
	color: #b3872e;
	text-align:center;
	font-size:14px;
}

	@media screen and (max-width:750px){
		.brick_container {
			flex-direction: column;
		}
		.left_brick {
	    	width: 90%;
	    	padding: 1em;
		}

		.right_brick {
			width: 90%;
			padding: 1em;
		}
		.contactform {
    	max-width: 95%;
		}
	}

	@media screen and (max-width: 460px) {
		h1,
		h2{
			font-size: 20px;
		}
	}

	@media screen and (max-width: 400px) {
			.main{
				padding: 1em;
			}
	}