/* ------------------------------------------
  DEMO STYLES
--------------------------------------------- */

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    color: #37302a;
    background: #fff;
    font-size: 100%;
    font-family: 'Noto Serif', serif;
    background-color: #fcf7f1;
}

img {
    width: 100%;
    height: auto;
}

.block {
    max-width: 90em;
    margin: 0 auto;
}

#content-wrap {
    background-color: #fff;
}

section {
    text-align: center;
    padding: 40px 0px 0 0px;
    min-height: 500px;
    width: 100%;
    background-color: white;
}

#first {
    background-color: #fbf5e8; 
    background: url(../images/mutschli.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
    height: 700px;
    border-bottom: 20px solid rgb(254, 234, 186);
    margin-bottom: 20px;
        -webkit-box-shadow: 0px 5px 5px #ddd;
            -moz-box-shadow: 0px 5px 5px #ddd;
                 box-shadow: 0px 5px 5px #ddd;
  
}




h1.bold_title {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 2.8em;
    letter-spacing: 2px;
    line-height: 1.4em;
    color: #fff;
    text-transform: uppercase;
    vertical-align: bottom;
}

h1.section_title {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 2.8em;
    letter-spacing: 2px;
    color: #6d3c26;
    text-transform: uppercase;
}

h2, h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

a {
    color: #6d3c26;
}

a:hover {
    color: rgb(254, 234, 186);
}

.contact-content a:hover {
    color: #fff;
}

.corn {
/*     background-image: url("img/corn.png"); */
    width: 185px;
    height: 126px;
    display: inline-block;
}

.title_bar {
    background: url("img/title_bar_S.png") center center no-repeat;
    height: 30px;
    display: block;

}

span#logo {
    display: inline-block;
    width: 350px;
    height: auto;
    margin: 50px 0 20px 0;
}

.slider, .singleimg {
    width: 70%;
    margin: 10px auto;
}

p {
    font-family: 'Noto Serif', serif;
    font-style: italic;
    font-size: 1.1em;
    width: 700px;
    margin: 30px auto;
    color: #333;
}

#seventh {
    background-color:rgb(254, 234, 186);
}

.contact-content {
    background-color:rgb(254, 234, 186);
    display: block;
    padding-top: 2em;
}

.js .nav-collapse {
    width: 100%;
}

.nav-collapse ul {
    text-align: center;
}

span.li_tube {
    color: #fff;
    font-size: 1.6em;
    font-weight: 400;
    position: relative;
    bottom: 0.75em;
    line-height: 0.8em;
}

.shadow-bar {
    margin-bottom: 20px;
    width: 100%;
    height: 10px;
    background-color:#fff;
        -webkit-box-shadow: 0px 5px 5px #ddd;
            -moz-box-shadow: 0px 5px 5px #ddd;
                 box-shadow: 0px 5px 5px #ddd;
}



.table {
  display: table;
  width: 70%;
  margin: 0 auto;
}

.row {
  display: table-row;
}

.cell {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  padding: 0 2em;
}

.cell p {
  width: auto;
}

span.scrolltop {
     display: none;
     width: 73px;
     height: 73px;
     position: fixed;
     bottom: 2em;
     right: 2em;
     background-image: url(../images/top_50.png);
}

span.scrolltop:hover {
    background-image: url(../images/top_100.png);
    curser: pointer;
}


@media screen and (max-width: 40em) {
    section {
    padding: 20px 10px 0 10px;
    min-height: 300px;
    }
        
    #first {
        height: auto;
    }

    p {
        width: 100%;
    }
    
    .slider, .singleimg {
        width: 100%;
        margin: 10px auto;
    }
    span.li_tube {
        display: none;
    }
    
    span#logo {
        width: 60%;
        margin: 40px 0 0 0px;
    }
    
    h1.bold_title {
        font-size: 1.8em;
        width: 90%;
        margin: 0 auto 10px auto;
    }

    h1.section_title {
        font-size: 2.2em;
    }
    
    .corn {
        width: 120px;
        height: 95px;
    }

   .table {
       display: block;
       width: 100%;
   }


   .cell {
       display: block;
   }

   .scrolltop {
     visibility: hidden;
   }

}