.clear{
    clear: both;
}

/* general styling thingys */
.bgbeige {
    background-color: #f4ead6;
}
.bgdbeige {
    background-color: #b8ab90;
}
.bggrey {
    background-color: #2f2f2f;
}
.bgwhite {
    background-color: #ffffff;
}
.bgorange {
    background-color: #ff8034; 
}
.bgred {
    background-color: #e43c21;
}
.bggreen{
    background-color: #95c11f;
}

/* add 5 col styling */
.col-xs-5col-1, .col-xs-5col-2, .col-xs-5col-3, .col-xs-5col-4, .col-xs-5col-5,
.col-sm-5col-1, .col-sm-5col-2, .col-sm-5col-3, .col-sm-5col-4, .col-sm-5col-5,
.col-md-5col-1, .col-md-5col-2, .col-md-5col-3, .col-md-5col-4, .col-md-5col-5,
.col-lg-5col-1, .col-lg-5col-2, .col-lg-5col-3, .col-lg-5col-4, .col-lg-5col-5 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}

.col-xs-5col-1 {
    width: 20%;
}
.col-xs-5col-2 {
    width: 40%;
}
.col-xs-5col-3 {
    width: 60%;
}
.col-xs-5col-4 {
    width: 80%;
}
.col-xs-5col-5 {
    width: 100%;
}
.col-xs-5col-1, .col-xs-5col-2, .col-xs-5col-3, .col-xs-5col-4, .col-xs-5col-5{
    float: left;
}
@media (min-width: 768px) {
    .col-sm-5col-1 {
        width: 20%;
    }
    .col-sm-5col-2 {
        width: 40%;
    }
    .col-sm-5col-3 {
        width: 60%;
    }
    .col-sm-5col-4 {
        width: 80%;
    }
    .col-sm-5col-5 {
        width: 100%;
    }
    .col-sm-5col-1, .col-sm-5col-2, .col-sm-5col-3, .col-sm-5col-4, .col-sm-5col-5{
        float: left;
    }
    .col-height{
        height: 200px;
        max-height: 200px;
    }
    .col-height2{
        height: 400px;
        max-height: 400px;
    }
   
}
@media (min-width: 992px) {
    .col-md-5col-1 {
        width: 20%;
    }
    .col-md-5col-2 {
        width: 40%;
    }
    .col-md-5col-3 {
        width: 60%;
    }
    .col-md-5col-4 {
        width: 80%;
    }
    .col-md-5col-5 {
        width: 100%;
    }
    .col-md-5col-1, .col-md-5col-2, .col-md-5col-3, .col-md-5col-4, .col-md-5col-5{
        float: left;
    }
    .col-height{
        height: 200px;
        max-height: 200px;
    }
    .col-height2{
        height: 400px;
        max-height: 400px;
    }
}
@media (min-width: 1200px) {
    .col-lg-5col-1 {
        width: 20%;
    }
    .col-lg-5col-2 {
        width: 40%;
    }
    .col-lg-5col-3 {
        width: 60%;
    }
    .col-lg-5col-4 {
        width: 80%;
    }
    .col-lg-5col-5 {
        width: 100%;
    }
    .col-lg-5col-1, .col-lg-5col-2, .col-lg-5col-3, .col-lg-5col-4, .col-lg-5col-5{
        float: left;
    }
}
/* Stylesheet: col-style Modified On 2015-04-17 10:05:00 */