html {
    height: 100%;
    background-color: #D3D3D3;
    background-size: auto auto;
}

html.index { background: url('/bg3.jpg') no-repeat center/100%;}

body {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    background: none;
    color: #222;
    height: 100%;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Cormorant Infant", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #222;
}
h1 { font-size: 4em; }
.padding-none {  padding: 0px !important; }
.padding {  padding: 10px !important; }
.padding-sm { padding: 5px !important; }
.padding-lg { padding: 22px !important; }
.padding-top-none { padding-top: 0px !important; }
.padding-top { padding-top: 10px !important; }
.padding-top-sm { padding-top: 5px !important; }
.padding-top-lg { padding-top: 22px !important; }
.padding-right-none { padding-right: 0px !important; }
.padding-right { padding-right: 10px !important; }
.padding-right-sm { padding-right: 5px !important; }
.padding-right-lg { padding-right: 22px !important; }
.padding-bottom-none {  padding-bottom: 0px !important; }
.padding-bottom { padding-bottom: 10px !important; }
.padding-bottom-sm { padding-bottom: 5px !important; }
.padding-bottom-lg { padding-bottom: 22px !important; }
.padding-left-none { padding-left: 0px !important; }
.padding-left { padding-left: 10px !important; }
.padding-left-sm { padding-left: 5px !important; }
.padding-left-lg { padding-left: 22px !important; }
.margin-none { margin: 0px !important; }
.margin { margin: 10px !important; }
.margin-sm { margin: 5px !important; }
.margin-lg { margin: 22px !important; }
.margin-top-none { margin-top: 0px !important; }
.margin-top { margin-top: 10px !important; }
.margin-top-lg { margin-top: 22px !important; }
.margin-top-sm { margin-top: 5px !important; }
.margin-right-none { margin-right: 0px !important; }
.margin-right { margin-right: 10px !important; }
.margin-right-lg { margin-right: 22px !important; }
.margin-right-sm { margin-right: 5px !important; }
.margin-bottom-none { margin-bottom: 0px !important; }
.margin-bottom { margin-bottom: 10px !important; }
.margin-bottom-lg { margin-bottom: 22px !important; }
.margin-bottom-sm { margin-bottom: 5px !important; }
.margin-left-none { margin-left: 0px !important; }
.margin-left { margin-left: 10px !important; }
.margin-left-lg { margin-left: 22px !important; }
.margin-left-sm { margin-left: 5px !important; }
.border-left-none { border-left: none !important; }
.border-right-none { border-right: none !important; }
.border-bottom-none { border-bottom: none !important; }
.border-top-none { border-top: none !important; }
.display-block { display: block; }
.no-underline:hover { text-decoration: none; }
.margin-big { margin-top: 30em; }
.clickable { cursor: pointer; }
.center { margin: 0 auto; text-align: center; float: none; }
.btn { vertical-align: bottom; }
.block { display: block; clear: both; }
.force-center { position: absolute; top: 66%; }
.inline { display: inline-block; }

.container-table {
    height: 100%;
    display: table;
}

.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}

.catname { padding: 0 10px; }

.panel-footer { background: transparent; border: 0; }
.panel-footer h4 span { font-size: 15px; }
.thumbnail { margin-bottom: 0; }
h4.cat_title { margin-bottom: 2em; margin-left: 0.5em; }
.gallery .col-xs-6 { padding: 15px; }

@media (max-width:768px) {
    .force-center { left: 25%; }
}

@media (max-width:468px) {
    .force-center { left: 5%; }
}