body {
    font-family: 'Open Sans', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 11px;
    /** overwrite bootstrap defaults **/
    color: #fff !important;
    background-color: #000 !important;
}

h3 {
    font-size: 14px !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
}

pre {
    font-family: 'Open Sans', 'Arial', 'Helvetica', 'sans-serif';
    font-size: 11px;
    background-color: #000 !important;
    color: #f5f5f5 !important;
    border: 0 !important;
}

.logo {
    padding: 40px 0 15px 0 !important;
}

#wrap {
    max-width: 730px;
    padding-top: 15px;
    margin: 0 auto;
    background: #000;
    border-bottom: 1px solid #fff;
    color: #fff !important;
}

#wrap.wide {
    max-width: 1280px;
}

@media (max-width: 600px) {
    #wrap {
        max-width: 370px;
    }
}

#contact form {
    font-size: 10px;
}

/** Fixes for header and footer to match profile **/
.wrapper, .wsmenu {
    max-width: 730px !important;
}
.header {
    background: #000 !important;
}
.wrapper {
    margin: 0px auto !important;
}
.show-grid {
    background-color: #000 !important;
}
.show-grid div {
    border-color: #000 !important;
}

#wrap div {
    min-height: 10px;
}

.social i {
    font-size: 20px;
    margin: 1px;
}
.social a {
    color: #fff;
}
.social a:hover {
    color: #09f;
}

#video-container {
    width: 340px;
    height: 228px;
}

#video-container iframe, #video-container video {
    width: inherit;
    height: inherit;
    border: 0;
}

.label {
    float: left;
    background: #999;
    padding: 0.3em 0.6em 0.4em !important;
    margin: 0 5px 5px 0px;
}

[class*="col-"] {
    background-clip: padding-box;
    border: 5px solid transparent;
}

/** Gallery CSS **/

.stretch_gallery{
    overflow:hidden;
    border-style: none;
    margin:0px auto;
    /*width: 100%;*/
    max-width: 100%;
    /*height: 400px;*/
    /*max-height: 400px;*/
    background: transparent;

}

.sg{
    width:110%;
    height:100%;


}

.sg_slide{
    overflow:hidden;



    margin-right: 0px;
    float: left;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
    cursor: pointer;

}

.sg_slide:hover .sg_text_block,
.sg_slide:active .sg_text_block{
    left:0px;
    transition:500ms;
}

.sg_dummy{
    position:relative;
    height:100%;
    width:100%;

}


.sg_text_block{
    text-align: center;
    font-family: 'Stoke', serif;
    position:absolute;
    bottom: 0;
    width:100%;
    left:500px;

    height: 85px;

    background: rgba(255, 255, 255, 0.5);
    transition:500ms;
}

.sg_caption{

    font-weight: normal;
    letter-spacing: 0.1em;
    /*text-transform: uppercase;*/

    padding-left: 10px;
    padding-top: 10px;
    font-size: 18px;
    font-family: sans-serif;
    color: rgb(0, 0, 0);
}

.sg_description{
    width:100%;
    font-weight: normal;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/

    padding-left: 10px;
    padding-top: 10px;

    font-size: 10px;
    font-family: sans-serif;
    color: rgb(0, 0, 0);
}