/* generalfooter */
*{box-sizing: border-box;}
html,body{margin:0;padding: 0;background: #3e3e40;color: #EEE;font-size: 15px;}
body{font-family: 'Roboto', Arial, sans-serif;}
.generalfooter{background: #3e3e40;color: #FFF;padding: 20px;display: block;}
.generalfooter a{color: #999;text-decoration: none;opacity: 0.8;}
.generalfooter a:hover{opacity:1;}
.generalfooter h3{margin:6px 0;}
.generalfooter ul, .generalfooter li{margin: 0;padding: 0;list-style-type: none;}
.generalfooter li{margin-bottom: 6px;}
.generalfooter .gf-wrapper{max-width: 980px;margin: 0 auto 0;}
.generalfooter .gf-copyr{font-size: 13px;color: #999;}
.generalfooter .semitransaprent{opacity: 0.4;}
.generalfooter img{max-width: 100%;}
.generalfooter .gf-column{float: left;margin-right: 4%;}
.generalfooter .gf-logo{padding: 10px 0 0}
.generalfooter .gf-logo img{max-width: 160px;display: block;}

/* For mobile phones: */
.generalfooter .gf-column{width: 100%;margin-right:0;}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .generalfooter .gf-column{width: 45%;margin-right: 4%;float: left;}
}
@media only screen and (min-width: 768px) {
	/* For desktop: */
	.generalfooter .gf-column{width: 20%;margin-right: 4%;float: left;}
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    float: left;
    padding-right: 24px;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}

	.col-m-6{}
	.gf-newline{clear:both;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .gf-newline{clear:none;}
}