.sticky{
    font-family: Arial;
    display: grid;
    justify-content: center;
}

@media only screen and (max-width: 2048px) {
    .sticky{
        grid-template-columns: repeat(3, 1fr);
        margin-left: 10vw;
        margin-right: 10vw;
    }

    .sticky li a{
        height: 16vw;
        width: 16vw!important;
    }
}

@media only screen and (max-width: 1200px) {
    .sticky{
        grid-template-columns: repeat(2, 1fr);
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .sticky li a{
        height: 25vw;
        width: 25vw!important;
    }
}

@media only screen and (max-width: 600px) {
    .sticky{
        grid-template-columns: repeat(1, 1fr);
        margin-left: 2vw;
        margin-right: 2vw;
    }

    .sticky li a{
        height: auto;
        width: 70vw!important;
    }
}

.sticky,.sticky li{
    overflow: hidden;
    padding: 20px;
}

.sticky li{
    float: left;
    display:inline;
}

.sticky li a {
    text-decoration: none;
    display: block;
    overflow-y: auto;
    background: rgb(215, 193, 167);
    background: linear-gradient(180deg, rgba(215, 193, 167, 1) 0%, rgba(215, 193, 167, 1) 14%, rgba(255, 228, 196, 1) 14%, rgba(255, 228, 196, 1) 100%);
    padding: 18px;
    margin-top: 16px;
    color: black;
}

.sticky li a h3{
    margin: 12px 0 0;
    font-weight: bold;
}

.sticky li a p{
    font-family: cursive;
}

.sticky li a{
    transform: rotate(-2deg);
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.75);
}

.sticky li:nth-child(even) a{
    transform: rotate(4deg);
    margin-top: 15px;
    background: #11a50c;
    background: linear-gradient(180deg, #0b6d08 0%, #0b6d08 14%, #11a50c 14%, #11a50c 100%);
}

.sticky li:nth-child(3n) a{
    transform: rotate(-6deg);
    margin-top: 8px;
    background: #2A8C7A;
    background: linear-gradient(180deg, #1d5c51 0%, #1d5c51 14%, #2A8C7A 14%, #2A8C7A 100%);
}

.sticky li:last-child a{
    font-size: 96px !important;
    background: transparent;
    box-shadow: none;
    padding: 25%;
}

.sticky li:last-child:hover{
    box-shadow: none;
}


.sticky li:hover a{
    transform: scale(1.1);
}

.sticky .material-icons{
    font-size: 128px;
    color: #11a50c;
}

.sticky li a:hover{
    transform: scale(1);
    box-shadow: -1px 1px 21px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: -1px 1px 21px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 1px 21px 0px rgba(0,0,0,0.75);
}