html, body {
   font-family: sans-serif;
}
#media-query{
   width: 40px;
   height: 15px;
   position: fixed;
   bottom: 0;
   right: 0;
   background-color: #000;
   z-index: 9999;
   display: none;
}
#response{
   width: 0;
   height: 0;
   display: none;
}
.only-desktop{
   display: block;
}
.only-mobile{
   display: none;
}
.fake-link:hover{
   text-decoration: underline;
   cursor: pointer;
}
.blockPage, .blockElement {
   color: #f7f7f7;
   cursor: wait;
   opacity: 0.9;
   padding: 20px 0;
   text-align: center;
   top: 30%;
   width: 100%;
}
.blockPage p, .blockElement p {
   font-size: 25px;
   margin: 0;
   text-transform: uppercase;
}
.blockPage h1{
   font-size: 22px;
   font-weight: 300;
}

.button-default{
   padding: 5px 10px;
   border: 2px solid #333;
   color: #333;
   background-color: #f7f7f7;
   cursor: pointer;
   transition: all 200ms ease 0s;
}
.button-default:hover{
   background-color: #333;
   color: #f7f7f7;
}
.button-default i {
   margin-right: 5px;
}
.align-center{
   text-align: center;
}
.align-left{
   text-align: left;
}
.align-right{
   text-align: right;
}
.bb {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.cf:before,
.cf:after{
   content: " ";
   display: table;
}
.cf:after{
   clear: both;
}
/*
Bootstrap jah tem

.clearfix:before,
.clearfix:after{
   content: " ";
   display: table;
}
.clearfix:after{
   clear: both;
}

.pull-right {
   float: right !important;
}
.pull-left {
   float: left !important;
}
.hide {
   display: none !important;
}
.show {
   display: block !important;
}
.invisible {
   visibility: hidden;
}

*/