
.testimonialslayout{
    background: url("/img/postits/postitsBackground.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1em 5em;
}

h2,p{
    font-size:100%;
    font-weight:normal;
}

.postits,li{
    list-style:none;
}

.postits li img{
    text-decoration:none;
    color:#000;
    z-index: 999;

    display:block;
    height:30em;
    width:auto;
    padding:1em;

}
.postits li{
    margin:1em;
    float:left;
}
.postits li h2{
    font-size:140%;
    font-weight:bold;
    padding-bottom:10px;
}
.postits li p{
    font-family:"Reenie Beanie",arial,sans-serif;
    font-size:180%;
}
.postits li img{
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform:rotate(-6deg);
}
.postits li:nth-child(even) img{
    -o-transform:rotate(4deg);
    -webkit-transform:rotate(4deg);
    -moz-transform:rotate(4deg);
    position:relative;
    top:5px;
    height:30em;
    width:auto;
    /*background: url("/img/postits/1.png");*/
    /*background-size: cover ;*/
}

.postits li:nth-child(3n) img{
    -o-transform:rotate(4deg);
    -webkit-transform:rotate(4deg);
    -moz-transform:rotate(4deg);
    position:relative;
    top:-5px;
    height:30em;
    width:auto;
    /*background:#ccf;*/
}
.postits li:nth-child(5n) img{
    -o-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    position:relative;
    top:-10px;
    height:30em;
    width:auto;
}
.postits li img:hover,.postits li img:focus{
    /*box-shadow:10px 10px 7px rgba(0,0,0,.7);*/
    /*-moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);*/
    /*-webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);*/
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    position:sticky;
    z-index:999;
}
ol{text-align:center;}
ol li{display:inline;padding-right:1em;}
ol li a{color:#fff;}


@media (max-width: 320px){
    .testimonialslayout{
        background: url("/img/postits/SIMPLYKIDZ_Super_NARROW.jpg");
        background-size: auto;
        background-repeat: no-repeat;
        padding: 1em 0;
    }

    .postits li img{
        text-decoration:none;
        color:#000;
        z-index: 999;
        /*background:#ffc;*/
        display:block;
        height:20em;
        width:auto;
        padding:1em;
    }

    .postits li img:hover,.postits li img:focus{
        /*box-shadow:10px 10px 7px rgba(0,0,0,.7);*/
        /*-moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);*/
        /*-webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);*/
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        position:relative;
        z-index:999;
    }

}


@media (max-width: 420px){
    .testimonialslayout{
        background: url("/img/postits/SIMPLYKIDZ_Super_NARROW.jpg");
        background-size: auto;
        background-repeat: no-repeat;
        padding: 1em 0;

    }

    .postits{
        text-align: center;

    }
    .postits li img{
        text-decoration:none;
        color:#000;
        z-index: 999;
        /*display:block;*/
        height:auto;
        width:25em;
        padding:1em;

    }

    .postits li:nth-child(even) img{
        -o-transform:rotate(4deg);
        -webkit-transform:rotate(4deg);
        -moz-transform:rotate(4deg);
        position:relative;
        /*top:5px;*/
        height:25em;
        width:auto;
        /*background: url("/img/postits/1.png");*/
        /*background-size: cover ;*/
    }

    .postits li:nth-child(3n) img{
        -o-transform:rotate(4deg);
        -webkit-transform:rotate(4deg);
        -moz-transform:rotate(4deg);
        position:relative;
        /*top:-5px;*/
        height:25em;
        width:auto;
        /*background:#ccf;*/
    }
    .postits li:nth-child(5n) img{
        -o-transform:rotate(5deg);
        -webkit-transform:rotate(5deg);
        -moz-transform:rotate(5deg);
        position:relative;
        /*top:-10px;*/
        height:25em;
        width:auto;
    }

    .postits li img:hover,.postits li img:focus{
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        position:relative;
        z-index:999;
    }






}