html, body{height:100%;}

body{background: #1f2a33!important;font-family: 'Montserrat', sans-serif; line-height: 19px;color:#FFF!important; font-size: 14px!important; -moz-osx-font-smoothing: grayscale;text-rendering: optimizelegibility;}

/**********
Text
**********/
@font-face {
    font-family: 'muriza_basicsemibold';
    src: url('../fonts/murizabasic-semibold-webfont.woff2') format('woff2'),
         url('../fonts/murizabasic-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1{font-family: "muriza_basicsemibold"; font-size: 32px;margin-bottom: 15px!important;}

.center-block {float: none;}

a{color: #FFF!important; cursor: pointer;border-bottom: 1px solid #fff;}
a:hover{border-bottom: none;text-decoration: none!important;}

.button-group a{color: #FFF!important; cursor: pointer;text-decoration: none!important;border-bottom: 0px;}
.button-group a:hover{border-bottom: 1px solid #fff;}
.is-checked{border-bottom: 1px solid #fff!important;}

.yellow{color: #ffb850;} .blue{color: #5ec2dd;}

.pad-top{padding-top:30px;}
.pad-bottom{padding-bottom:30px;}

.grid-item{float: left;text-align: center;width: 20%;margin-bottom: 20px;}
.grid-item p {line-height: 15px;margin: 0;font-size: 12px;}

.title{font-family: "muriza_basicsemibold"; font-size: 17px!important;margin-bottom: 5px!important;}

.key ul{margin-bottom: 20px;margin-top: 20px;padding-left: 0;}
.key li{ display: inline;font-size: 15px;margin: 0 15px;position: relative;}
.key li:before{content: "•";display: inline-block;font-size: 43px;left: -37px;margin: 0 15px;position: absolute;top: -2px;}
.key li:last-child:before{content: '';}

footer{margin-bottom:60px;font-size: 10px;}

.logo img{padding-bottom: 20px;width: 80px;}

.social-link{padding-right: 5px;padding-bottom: 20px;}


/* Large devices (large desktops, 1200px and smaller) */
@media (max-width : 1200px) {


}

/* Medium Devices, Desktops Menu changes here, col-md-12 stacks here col-sm*/
@media  (max-width : 992px) {

.grid-item {width: 50%;}

}

/* Small Devices, Tablets col-xs*/
@media (max-width : 768px) {

.grid-item {width: 100%;}


}

/* Extra Small Devices, Landscape */
@media (max-width : 568px) {


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}


/* Extra Small Devices, Small Phones, we dont really use this anymore*/
@media only screen and (max-width : 320px) {

}
