/****************************************************************
 
-------------------------- GENERAL ------------------------------
 
****************************************************************/ 


/* -- ***** Anti alias all the text 
---------------------------------------------------------------*/ 

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/* Global */

* {
    box-sizing: border-box;
}


body, html {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 19px;
    line-height: 1.5;
    background: #f2f2f2;
    /*overflow-x: hidden;*/
}


img.card-image {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* Animations */

.animated {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}


@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}



.fadeInDown {
    animation-name: fadeInDown
}

.fadeInUp {
    animation-name: fadeInUp;
}



.growAnim {
    transition-duration: .3s;
    transition-property: transform
}


.growAnim:active,
.growAnim:focus,
.growAnim:hover {
    transform: scale(1.1)
}