body { 
color: #555555;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size: 16px;
background-color: #ffffff;
text-align: center;
line-height: 1.8em;
margin: 0 auto;
}

a:link, a:visited {
color: #00569a;
font-weight: bold;
text-decoration: none;
}

a:hover, a:active {
color: #72c7f0;
}

h1 {
color: #00569a;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: normal;
font-size: 28px;
display: none;
}

h2 {
color: #00569a;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: normal;
font-size: 22px;
}

h3 {
color: #00569a;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: normal;
font-size: 18px;
}

h4 {
color: #00569a;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: normal;
font-size: 22px;
text-align: left;
}

h5 {
color: #00569a;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: normal;
font-size: 22px;
text-align: center;
}

.allcontent { 
min-width: 300px;
max-width: 1000px;
margin: 0 auto;
padding: 0 2%;
}

header {
width: 60%;
margin: 100px auto;
text-align: center;
}

header img {
border: none;
width: 100%;
height: auto;
}

.main-pic-home {
margin: 0 auto;
padding: 20px 0;
}

.main-pic-home img{
margin: 0;
width: 100%;	
height: auto;
}

#image-strip {
position: relative;
margin: 0;
padding: 20px 0;
list-style: none;
display: flex;
}

#image-strip-mobile {
display: none;
}

#jewellery, #markets {
position: relative;
margin: 0;
padding: 0;
display: inline-block;
width: 50%;
display: flex;
}

#jewellery img, #markets img  {
width: 100%;
height: auto;
}

.image-strip-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.25s;
background: rgba(0, 86, 154, 0.6);
backdrop-filter: blur(5px);
cursor: pointer;
}

.image-strip-overlay h2 {
color: #ffffff;
padding-left: 30px;
padding-right: 30px;
}

.image-strip-overlay > * {
transform: translateY(40px);
transition: transform 0.25s;
}

.image-strip-overlay:hover {
opacity: 1;
}

.image-strip-overlay:hover > * {
transform: translateY(0);
}

/* Contact Form */
#contact-form{
width:100%;
margin:0 auto;
text-align:left;
}

.labelC, input, textarea{
width:94%;
display:block;
font-size:1em;
}

input, textarea{
padding:10px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-size:1em;
opacity:0.6;
}

input{
border:#ccc solid 1px;
}

textarea{
height:120px;
border:#ccc solid 1px;
}

#send{
width:100px;	
color:#fff;
background-color:#00569a;
cursor:pointer;
border:#00569a solid 1px;
border-radius:7px;
-moz-border-radius:7px;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
text-transform:uppercase;
opacity:1;
margin-top:20px;
}

#send:hover{
color:#555555;
background-color:#ffffff;	
border:#555555 solid 1px;
}
/* END of Contact Form */

footer {
color: #555555;
font-size: 0.8em;
width: 100%; 
line-height: 1.2em;
border-top: dashed 1px #555555;
}

footer a:link, footer a:visited {
color: #00569a;
font-weight: bold;
text-decoration: none;
}

footer a:hover, footer a:active {
color: #72c7f0;
}

footer p{
padding-top: 20px;
}


/*************** Break Point Responsive Code ***************/

@media screen and (min-width:0) and (max-width:700px){
#image-strip {
	display: none;
}

#image-strip-mobile {
	position: relative;
	margin: 0;
	padding: 20px 0;
	list-style: none;
	display: block;
}

#image-strip-mobile li {
	display: block;
	width: 100%;
	margin-top: -9px;
}
	
#image-strip-mobile li img {
	width: 100%;
	height: auto;
}
	
#image-strip-mobile div{
	background-color: #00569a;
	margin: 0;
}
	
#image-strip-mobile div h3{
	color: #fff;
	padding: 32px 10px 40px;
	margin: -10px 0 0;
}
	
#image-strip-mobile div h3 a{
	color: #fff;
}
	
}

@media screen and (min-width:0) and (max-width:600px){
header {
width: 80%;
}

}