/***************************************
    Import list of our apps stylesheets
***************************************/
@import url('/css/misc.css');

/*****************************
    Sizes and margins
*****************************/
.header {
    height:   80px;
    left:     0;
    position: fixed;
    right:    0;
    top:      0;
}

.header .banner {
    width:  90%;
    height: 80px;
    margin: 0 20px;
}

.container {
    left:     0;
    position: absolute;
    right:    0;
    top:      100px;
}

.container .col-md-6 {
    margin: 0 0 40px;
}

.container .col-md-6 pre.code {
    display:          block;
    padding:          9px;
    margin:           0 0 10px;
    font-size:        0.9em;
    line-height:      1.42857143;
    color:            #333333;
    background-color: #F5F5F5;
    border:           1px solid #CCCCCC;
    border-radius:    4px;
}

h2, .btn {
    margin: 10px 0 40px;
}

.h4 {
    display: inline-block;
}

@media (min-width: 768px) {
    .container .col-md-6 {
        margin: 0;
    }
}

/*****************************
    Styles and colours
*****************************/
body {
    background: #EEEEEE;
}

.header {
    background: #FFFFFF;
}

.header .banner {
    background:      url("/images/branding/berlinger/Brand_black.png") no-repeat center left;
    background-size: 180px;
}

h2 {
    color: #CD0064;
}

.btn-berlinger {
    background: #CD0064;
    color:      #FFFFFF;
}

.btn-berlinger:hover {
    background: #AF0058;
    color:      #FFFFFF;
}