/*
**
*/

.bg{

    margin-top: 35px;

}

.center{
	text-align: center;
}

.row{
	margin: 0px;
}

.no-padding{
    padding: 0px;
}

.p-top{
    color: #3f4a23;
    padding: 60px 0px;
    font-family: 'Libre Baskerville', serif;
}

.btn-story{
    color: #3f4a23;
    border: 1px solid #3f4a23;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 50px;
    padding: 10px;
    width: 25%;
    margin-bottom: 80px;
}

.btn-story:hover{
    background-color: #3f4a23;
    color: #fff;
}

.shoot{
    background-color: #3f4a23;
    padding: 40px 0px;
}

.icon{
    width: 35%;
    margin: 20px 0px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
    float: left;
}

h1{
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0px;
    color: #fff;
}

.shoot > div > div > div > img{
    padding-bottom: 20px;
}

.shoot > div > div > div > p{
    color: #fff;
    font-family: 'Libre Baskerville', serif;
    font-size: 14px;
}

.btn-shoot{
    color: #fff;
    border: 1px solid #df6625;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 50px;
    padding: 15px 10px;
    width: 70%;
    margin-bottom: 20px;
    margin-top: 40px;
}

.btn-shoot:hover{
    background-color: #df6625;
}

.block{
    overflow: hidden;
    padding-top: 80px;
}

.block .season, .block .image{
    float: left;    
    margin-bottom: -999em; 
    padding-bottom: 999em !important;
}

.block .season{
    background-color: #9d8766;
    padding: 110px 70px;
    width: 50%;
}

.block .image{
    width: 50%;
    padding: 0px;
}

.season > img{
    width: 35%;
}

.season > p{
    color: #fff;
    font-family: 'Libre Baskerville', serif;
    text-align: justify;
    padding-top: 20px;
    text-indent: 40px;
    font-size: 14px;
}

.block .accomodation, .block .image{
    float: left;    
    margin-bottom: -999em; 
    padding-bottom: 999em !important;
}

.block .accomodation{
    background-color: #faf6ef;
    padding: 20px 70px;
    width: 50%;
}

.accomodation > h1{
   color: #3f4a23 !important; 
}

.accomodation > img{
    width: 35%;
}

.accomodation > p{
    color: #3f4a23;
    font-family: 'Libre Baskerville', serif;
    text-align: justify;
    padding-top: 20px;
    text-indent: 40px;
    font-size: 14px;
}

.accomodation > a > button{
    color: #3f4a23;
    border: 1px solid #3f4a23;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 50px;
    padding: 15px 10px;
    width: 70%;
    margin-bottom: 20px;
    margin-top: 40px;
}

.accomodation > a > button:hover{
    background-color: #3f4a23;
    color: #fff;
}

.social-media{
    padding: 80px 0px 0px;
}

.social-media > div > h1{
   color: #3f4a23 !important; 
}

.social-media > div > img{
    width: 20%;
    margin-bottom: 40px;
}

.social-media > div > div > img{
    margin-bottom: 20px;
}

.social-media > div > a > span{
    color: #df6625;
    font-size: 30px;
    border: 2px solid;
    border-radius: 4px;
    padding: 0px 10px;
    margin-right: 10px;
    margin-bottom: 40px;
}

@media(max-width: 1024px){

    .block .season{
        padding: 50px 70px;
    }

    .block .accomodation{
        padding: 20px;
    }

    .accomodation > a > button {
        margin-top: 10px;
    }

}

@media(max-width: 768px){

    .btn-story{
        width: 60%;
    }

    .btn-shoot{
        width: 80%;
    } 

    .icon{
        width: 70%;
        margin: 20px 0px;
    }

    .block .season{
        width: 100%;
        padding: 20px;
        max-width: 100%;
    }

    .season > img {
        width: 50%;
    }

    .block .image{
        width: 100%;
        max-width: 100%;
    }

    .block .accomodation {
        padding: 20px 20px;
        width: 100%;
        max-width: 100%;
    }

    .accomodation > img {
        width: 50%;
    }

    .social-media > div > img{
        width: 50%;
    }

}

@media(max-width: 320px){

}

@media(max-width: 480px){

    .col-xs-4{
        width: 33.33%;
        padding: 0px 3px;
    }
}