/* margin to compensate for navbar */
body {
    margin-top: 60px;
}

/* headline for landing page */
.headline {
    text-align: center;
    padding: 120px 0;
}
.headline h1 {
    font-size: 130px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}
.headline h2 {
    font-size: 77px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}
@media(max-width:1200px) {
    .headline h1 {
        font-size: 140px;
    }
    .headline h2 {
        font-size: 63px;
    }
}
@media(max-width:991px) {
    .headline h1 {
        font-size: 105px;
    }
    .headline h2 {
        font-size: 50px;
    }
}
@media(max-width:768px) {
    .container {
        margin: 0 15px;
    }
}
@media(max-width:668px) {
    .headline h1 {
        font-size: 70px;
    }
    .headline h2 {
        font-size: 32px;
    }
}
@media(max-width:640px) {
    .headline {
        padding: 75px 0 25px 0;
    }
    .headline h1 {
        font-size: 60px;
    }
    .headline h2 {
        font-size: 30px;
    }
}

/* increased footer margin */
footer {
    margin: 40px 0;
}

/* transparent panel :-) */
.panel-transparent{
    background-color: rgba(255,255,255,0.9);
}

/* improve primary panel */
.panel-border-primary{
    border-color: #2c3e50;
}

/* cool fading hr */
.fading-hr-primary{
    margin-top: 10px;
    margin-bottom: 0px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left,rgba(44,62,80,0),rgba(44,62,80,0.3),rgba(44,62,80,0));
    background-image: -moz-linear-gradient(left,rgba(44,62,80,0),rgba(44,62,80,0.3),rgba(44,62,80,0));
    background-image: -ms-linear-gradient(left,rgba(44,62,80,0),rgba(44,62,80,0.3),rgba(44,62,80,0));
    background-image: -o-linear-gradient(left,rgba(44,62,80,0),rgba(44,62,80,0.3),rgba(44,62,80,0));
}

.m-t-100{
    margin-top: 100px;
}

/* text align left on small screens only */
.text-xs-left {
    text-align: left;
}
@media (min-width: 768px) {
    .text-sm-right {
        text-align: right;
    }
}