a {
    cursor: pointer;
    color: #000;
    text-decoration: none !important
}

a:hover {
    color: #5a5959 
}

a.blackGrey {
    color: #000 
}
a.blackGrey:hover {
    color: #5a5959
}

.white {
    color: #fff
}

.whiteBg {
    background-color: #fff
}

.black {
    color: #000
}

.blackBg {
    background-color: #000
}

.blueDark {
    color: #000
}

.blueDarkBg {
    background-color: #000
}

.grey {
    color: #5a5959 
}

.greyBg {
    background-color: #5a5959 
}

.red {
    color: red
}

.redBg {
    background: red
}

.grey {
    color: #606060
}

.greyBg {
    background: #606060
}

@media(min-width:900px) {
    .big {
        font-size: 40px !important
    }
    .medium {
        font-size: 25px !important
    }
    .small {
        font-size: 16px !important
    }
    .tiny {
        font-size: 14px !important
    }
}

@media(max-width:800px) {
    .big {
        font-size: 26px !important
    }
    .medium {
        font-size: 18px !important
    }
    .small {
        font-size: 16px !important
    }
    .tiny {
        font-size: 12px !important
    }
}

input[type=button].blackGrey {
    padding: 10px;
    color: #FFF ;
    text-align: center;
    border: 1px solid #000 ;
    background: #000
}

input[type=button].blackGrey:hover {
    color: #fff;
    border: 1px solid #5a5959 ;
    background: #5a5959 
}


.rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.roundedMedium {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

@media(min-width:900px) {
    .shadow {
        box-shadow: 0 0 20px #212628
    }
    .onlyMobile{
        display: none !important;
    }
    .onlyDesktop{
        display: block !important;
    }
}

@media(max-width:800px) {
    .shadow {
        box-shadow: 0 0 5px #212628
    }
    .onlyMobile{
        display: block !important;
    }
    .onlyDesktop{
        display: none !important;
    }
}

@media(min-width:900px) {
    .topSpacerSmaller {
        margin-top: 5px
    }
    .topSpacerSmall {
        margin-top: 15px
    }
    .topSpacer {
        margin-top: 25px
    }
    .topSpacerBig {
        margin-top: 40px
    }
    .topSpacerBigger {
        margin-top: 70px
    }
}

@media(max-width:800px) {
    .topSpacerSmaller {
        margin-top: 5px
    }
    .topSpacerSmall {
        margin-top: 12px
    }
    .topSpacer {
        margin-top: 15px
    }
    .topSpacerBig {
        margin-top: 25px
    }
    .topSpacerBigger {
        margin-top: 40px
    }
}

.rightSpacerSmall {
    margin-right: 10px
}

.rightSpacer {
    margin-right: 20px
}

.leftSpacerSmall {
    margin-left: 10px
}

.leftSpacerSmaller {
    margin-left: 7px
}

.leftSpacer {
    margin-left: 20px
}

.bottomSpacer {
    margin-bottom: 20px
}