@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700);

body {
    font-family: 'Lora', serif;
}

.sectionOne {    
    background: url(../img/bkg1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100vh;
}

.sectionOne img {
    background: rgba(255,255,255,0.6);
    padding:20px;
    position: absolute;
    right:0;
    top:60px;
}

.stripe {
    background:#663525;
    color: white;
    padding: 50px 0;
}

.sectionTwo {    
    background: url(../img/bkg2.jpg) no-repeat center center scroll; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100vh;
}

.vida {
    margin-top: -220px;
}

.devider {
    position: relative;
    top:-65px;
    z-index:1000;
}

.devider img {min-width:100%!important;}

.sectionFour {
    background:#371c13;
    margin-top:-225px;
}


.sectionFour h1 {
    /*font-family: 'Oswald', sans-serif;*/
    font-family: 'Lora', serif;
    margin-top:200px;
    color:antiquewhite;
}

.sectionFour h3 {
    font-family: 'Lora', serif;
    color:white;
}

footer {
    padding:50px 0 10px;
    font-family: 'Lora', serif;
    color:antiquewhite;
    background:#371c13;
}

a {color:antiquewhite;text-decoration: none!important;}

a:focus, a:hover {color:#fff!important;}

@media screen and (max-width:767px) {
    .sectionOne img {position: relative; margin: auto;text-align: center}
    h1 {font-size:28px;}
    .sectionThree .logo {display: none;}
    .sectionFour {margin-top:0px;}
    .devider {display: none;}
    .sectionFour h1 {margin-top:30px;}
}

@media screen and (min-width:768px) and (max-width:991px) {
    .sectionOne img {position: relative; margin: auto;text-align: center}
    h1 {font-size:24px;}
    .sectionThree .logo {display: none}
    .devider {display: none;}
    .sectionFour {margin-top:0px;}
    .sectionFour h1 {margin-top:60px;}
    footer h3 {font-size:20px!important;}
    }    

@media screen and (min-width:992px) and (max-width:1279px) {
    .sectionOne img {position: relative; margin: auto;text-align: center}
    h1 {font-size:32px;}
    .sectionFour {margin-top:-180px;}
}