/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16.02.2016, 9:19:09
    Author     : Romanov
*/

#content {
    width: 100%;
    background-image: url(images/rusty-pane.png);
    background-size: auto auto;
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 608px;
    margin: 0;
    margin-bottom: -20px;
    z-index: 100;
    position: relative;
}

.padded-pane {
    min-height: 520px;
}

.padded-pane > div {
    min-height: 480px;
}

#content {
    
}

#workarea {
    
    margin: 0 auto;
    padding-top: 90px;
}

#workarea h1 {
    font-family: 'Open Sans Regular';
}

#subsection {
    padding-top: 6em; 
    padding-bottom: 4em;
}

.all-link {
    text-decoration: underline;
    font-size: 15px;
    padding-right: 2em;
}

.all-link, .all-link:visited, .all-link:link {
    color: #535353;
}

.all-link:hover, .all-link:focus {
    color: #cdcdcd;
}

/**
MEDIA QUERY BREAKPOINTS
*/
@media screen and (min-width: 1240px) {
    #content {
         background-size: 100% 100%;
    }
    
    .carousel-inner img {
        width: 100%;
    }
    
}

@media screen and (max-width: 1239px) {
    .leftbar h1,
    .rightbar h1 {
        font-size: 25px;
    }
}

@media screen and (max-width: 991px) {
    #content {
        background-size: cover;
    }
    
    .leftbar {
        width: 100%;
        max-width: 324px;
        float: none;
        margin: 0 auto;
    }
    
    .rightbar {
        width: 100%;
    }
    
    .rusty-pane {
        background-size: auto 101%;
    }
    
    #subsection {
        background-size: cover;
    }
}