body {
    background-color: #0DC9B4;   
}

.container {
    background-image: url(../img/tree_back.png);
    background-repeat:no-repeat;
    background-size:contain;
}

div.text {
    background-color:rgba(0,123,108,0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

p {
    margin:5px;
    color:#fff;
    font-size:18px;
}

.page-header h1{
    font-size:50px;  
}

h2, h3 {
    color:#fff;   
}

.row {
    margin-bottom:50px;   
}

.span4 {
    width:280px;   
}

@media (min-width: 768px)
{
    #move {
        margin-left:-10px;   
    }
}

@media (min-width: 1200px)
{
    .span4 {
        width: 340px;
    }
}

@media (max-width: 979px) and (min-width: 768px)
{
    .span4 {
        width: 208px;
    }
}

@media (max-width: 767px)
{
    [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
}

@media (max-width: 767px)
{
    [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
}