﻿ul.notes li {
    margin: 10px 40px 50px 0px;
    float: left;
}

ul.notes li, ul.tag-list li {
    list-style: none;
}

    ul.notes li div small {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 10px;
    }

div.rotate-1 {
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
}

div.rotate-2 {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px;
}

.lazur-bg {
    background-color: #23c6c8;
    color: #ffffff;
}

.red-bg {
    background-color: #ed5565;
    color: #ffffff;
}

.navy-bg {
    background-color: #1ab394;
    color: #ffffff;
}

.yellow-bg {
    background-color: #f8ac59;
    color: #ffffff;
}

ul.notes li div {
    text-decoration: none;
    color: #000;
    display: block;
    height: 210px;
    width: 210px;
    padding: 1em;
    -moz-box-shadow: 5px 5px 7px #212121;
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
    box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
    -moz-transition: -moz-transform 0.15s linear;
    -o-transition: -o-transform 0.15s linear;
    -webkit-transition: -webkit-transform 0.15s linear;
}


.font_google {
    font-family: 'Nunito Sans', sans-serif;
    
}


@media only screen and (min-width: 760px) {
    div.container > div > div.col-sm-2.menor-card2 {
        margin-top: 280px;
    }
}

@media  (max-width: 750px) {
    div.container > div > div.col-sm-2.menor-card2 {
        margin-top: 30px;
    }
}


