/*GENERAL*/
h1,h2,h2,h3,h4,h5,h6{
	font-weight: normal;
	margin: 0;
}
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.ttf');
    /* src fallbacks ommitted for brevity */
    font-weight: normal;
    font-style: normal;
}
body,
button,
input,
select,
textarea {
 font-family: 'Open Sans', sans-serif;
}
*{
	text-decoration:none;
	box-sizing:border-box;
}
body{
margin: 0;
font-family: 'Open Sans', sans-serif; font-size: 14px;
cursor: default;
max-width: 100%;
overflow-x: hidden;
background-color: #f9f9f9;
/*border: 1px solid #8F6443;*/
}
/*GENERAL*/

/*TOP*/
.topindex{
width: 100%;
margin: 0 auto;
position: relative;
background-color: #8F6443;
color: #ffffff;
background: url(images/scalfold-top-1300.jpeg);
background-size: cover;                   
background-repeat:   no-repeat;
background-position: center center;
min-height: 500px;
padding-top: 20px;
overflow: hidden;
}
/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) {
	.topindex{
background: url(images/scalfold-top-300.jpeg);
background-size:     cover;                  
background-repeat:   no-repeat;
background-position: center center;
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) {
	.topindex{
background: url(images/scalfold-top-480.jpeg);
background-size:     cover;                  
background-repeat:   no-repeat;
background-position: center center;
}
}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) {
	.topindex{
background: url(images/scalfold-top-768.jpeg);
background-size:     cover;                  
background-repeat:   no-repeat;
background-position: center center;
}
}


/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {
	.topindex{
background: url(images/scalfold-top-1024.jpeg);
background-size:     cover;                  
background-repeat:   no-repeat;
background-position: center center;
}
}

/*TOP*/