*,
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box
}
body {
background-image: linear-gradient(90deg, #fdfcfb, #ffffff, #fdfcfb);
}
body::-webkit-scrollbar { 
width: 10px;
border-left:0px;
}
body::-webkit-scrollbar-button {
 }
body::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
-webkit-border-radius: 10px;
 border-radius: 10px;
 }
body::-webkit-scrollbar-track-piece { 
background-image: linear-gradient(90deg, #fdfcfb, #ffffff, #fdfcfb); 
border-radius: 0px; 
}
body::-webkit-scrollbar-thumb { 
-webkit-border-radius: 10px; 
border-radius: 10px; 
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0, .5) !important; 
background-image: linear-gradient(90deg, #fdfcfb, #ffffff, #fdfcfb) !important;
}
body::-webkit-scrollbar-corner { 
background:transparent;
}

.backing { 
display:block; 
position:realtive; 
border-radius:6px; 
max-width:950px; 
margin: 0 auto; 
padding:0em 0em 3em 0em;
}
.samples {
display:block;
text-align:center;
padding-bottom:1.5em;
}
.row {
text-align:center;
display:table;
}
img {
float:left;
border-radius:6px;
margin-right:1em;
max-width:50%;
}
a:link {
font-family: 'Open Sans', sans-serif; 
font-size: inherit; 
color: rgba(0, 0, 0, 1);
font-weight:bold; 
text-decoration: none; 
}
a:visited {
color: rgba(0, 0, 0, 1);
}
a:hover {
color: rgba(0, 0, 0, .4);
}
a:active {
color: rgba(0, 0, 0, 1);
}
b {
color: rgba(0, 0, 0, 1);
}

#sectionNav { 
display: block; 
padding-top: 2em;
} 
h1 { 
display: block; 
position: relative; 
text-align: center; 
font-family: "Open Sans", sans-serif;
font-size: 3em;  
color: rgba(0, 0, 0, .5);
font-weight: 500;
letter-spacing: 1px; 
padding: 1.5em 0em 0em 0em;  
margin: 0 auto;
}
h2 { 
font-family: 'Open Sans', sans-serif; 
display: block; 
position: relative; 
text-align: center; 
letter-spacing: 0px; 
font-size: 1.5em;  
color: rgba(0, 0, 0, .5);
font-weight: 400; 
padding: .3em 0em .5em 0em; 
margin-top: .25em; 
margin-bottom: .25em;
}
p { font-family: 'Open Sans', sans-serif ; 
text-align: justify; 
font-size: 1em; 
color: rgba(0, 0, 0, .75);
font-weight: 500; 
line-height: 1.75em ; 
letter-spacing: 0; 
word-spacing: 0; 
padding: 1em 0em 1em 0em; 
margin: 0em;
}
h6 { 
font-family: 'Open Sans', sans-serif; 
display: block; 
position: relative; 
text-align:center; 
text-transform: none; 
font-size: .7em; 
font-weight: 500; 
color: #d1c08e; 
padding: .5em 0em 1em 0em; 
max-width: 500px; 
margin: 0 auto;
}
input[type="submit"].scroll, input[type="reset"].scroll, input[type="button"].scroll, button.scroll, 
.button.scroll { 
font-family: 'Open Sans', sans-serif; 
text-align: center; 
display: block; 
font-size: .7em !important; 
color: rgba(0, 0, 0, .75) !important; 
font-weight: 700; 
background-image: linear-gradient(to right, rgba(206, 189, 167, .65), rgba(247, 241, 226, 1), rgba(206, 189, 167, .65)); 
background-color: rgba(0, 0, 0, .5); 
border-radius: 4px; 
box-shadow: 0 4px 6px rgba(0, 0, 0, 0); 
cursor: pointer; 
letter-spacing: 0; 
outline: 0; 
line-height: 1.5; 
margin-bottom: 1em; 
margin-top:1em; 
padding: .35em 0em .2em 0em !important; 
width: 80px; 
margin: 0 auto; 
-webkit-text-size-adjust: 100%;
}
.button.scroll:hover { 
background-image: linear-gradient(to right, rgba(206, 189, 167, .25), rgba(247, 241, 226, .8), rgba(206, 189, 167, .25)); 
background-color: rgba(0, 0, 0, .2); 
color: #000000 !important;
}
.button.scroll:active { background-color: #000
}
input[type="submit"].unique, input[type="reset"].unique, input[type="button"].unique,
button.unique,
.button.unique {
font-family: 'Open Sans', sans-serif; 
text-align: center; 
display: inline-block; 
font-size: .65em !important; 
color: rgba(0, 0, 0, .75) !important; 
font-weight: 600; 
background-image: linear-gradient(to right, rgba(206, 189, 167, .65), rgba(247, 241, 226, 1), rgba(206, 189, 167, .65)); 
border-top: 1px solid rgba(247, 241, 226, 1); 
border-bottom: 1px solid rgba(247, 241, 226, 1); 
border-bottom-left-radius: 6px; 
border-bottom-right-radius: 6px; 
border-top-left-radius: 6px; 
border-top-right-radius: 6px; 
box-shadow: 0 2px 3px rgba(0, 0, 0, .2); 
cursor: pointer; 
letter-spacing: 0; 
text-decoration:none; 
outline: 0; 
margin:0 auto; 
margin-bottom:.75em; 
padding: .5em 0em .5em 0em; 
width: 115px; 
-webkit-text-size-adjust: 100%
}
.button.unique:hover {
background-image: linear-gradient(to right, rgba(206, 189, 167, .3), rgba(247, 241, 226, .5), rgba(206, 189, 167, .3));
color: #000000 !important;
}
.contact {
display:block;
text-align:center;
Margin:0 auto;
}
hr { 
border: 0; 
width: 100%; 
height: 30px; 
color: rgba(0, 0, 0, .3); 
background-color: rgba(0, 0, 0, .1); 
margin: 0 auto; 
margin-top: 2em; 
margin-bottom: 2em;
}
span {
font-size: .5em;
vertical-align: super;
}
@media screen and (max-width:1050px) {
h1 {
font-size:2em;
}
}
@media screen and (max-width:480px) {
input[type="submit"].unique, input[type="reset"].unique, input[type="button"].unique,
button.unique,
.button.unique {
width:100%;
}
p {
font-size:.7em;
}
h1 {
font-size:1.25em;
}
}