@font-face {
    font-family: 'capsuularegular';
    src: url('fonts/capsuula-webfont.woff2') format('woff2'),
    url('fonts/capsuula-webfont.woff') format('woff');
    url('fonts/capsuula-webfont.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

body{
    background: #bd7327;
}
#content{padding:10px;}
.clear{clear:both;}

h1,h2,h3,h4{font-family: 'Amatic SC', serif;}

p,span,input,textarea,ul{
    font-family: 'capsuularegular', serif;
    font-size : 1.3em;
}


#logo{
    max-width: 100%;
}

.contentPage{
     background: white;
     padding:45px;
     border-radius:5px 5px 0px 0px;
 }

.navbar-inverse{
    border-radius: 0px;
    background: #000;
}
.nav li a,.navbar-inverse .navbar-nav>li>a{
    color: white;
    font-family: 'Amatic SC', cursive;
    font-weight: 700;
    font-size: 22px;
    transition: color ease 0.2s;
    padding:10px 30px;
}

.navbar-inverse .navbar-nav>li>a:hover{
    color: #bd7327;
    transition: color ease 0.2s;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    color: #bd7327;
}

.pageContent h1{
    font-family: 'Amatic SC', cursive;
    font-size: 35px;
    color: #525252;
    font-weight: 700;
    border-bottom:solid 1px #b2b2b2;
    padding-bottom:15px;
    margin:15px 0px;
}

.pageContent img{
    max-width: 100%;
    height:auto;
}
.pageContent h2{
    font-family: 'Amatic SC', cursive;
    font-size: 28px;
    color: #525252;
    font-weight: 700;
    border-bottom:solid 1px #b2b2b2;
    padding-bottom:15px;
    margin:35px 0px;
}

.pageContent h3{
    font-family: 'Amatic SC', cursive;
    font-size: 25px;
    color: #525252;
    font-weight: 700;
    padding-bottom:15px;
    margin:35px 0px;
}
.pageContent .gallery{
    margin:15px 0px;
}
.pageContent .gallery img{
    margin:5px;
    height: 160px;
    width: auto;
}

.pageContent .aligncenter{}


.container{max-width: 990px;}


.containerFooter{
    padding-top:0px;
    margin-bottom: 5em;  
}

.map{
    width:100%;
    background: #FFF;
    margin-bottom: -15px;
}
.map iframe{
    width:100%;
}
footer{
    padding:20px;
    text-align: center;
    background: #000;
    border-radius:0px 0px 5px 5px;
}

footer a{
    background: #1c1c1c;
    padding:10px;
    text-align: center;
    display: inline-block;
    height:75px;
    width:75px;
    border-radius: 75px;
    color: white;
    font-size:35px;
    transition: all ease 0.1s;
}

footer a:hover{
    background: #282828;
    padding:7px;
    font-size:40px;
    color: white;
    transition: all ease 0.1s;
}

a:active, a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none
}


#logoMin{ float: left;
    width:200px; display: none;transition:all ease 0.3s;}



.alignleft{
    float:left;
    margin-right: 15px;
}

.alignRight{
    float:right;
    margin-left: 15px;
}

/** responsive **/

@media screen and (max-width: 767px){
    #logoMin{  display: block;transition:all ease 0.3s;}
}

@media screen and (max-width: 600px){
    .contentPage{  padding:15px;}

    .pageContent .gallery img{
        margin:5px;
        height: auto;
        width: 45%;
    }

}