html, body {
    margin:0; padding:0;
}
#result {
    margin-top: 1em;
    font-weight: bold;
}

div[class^="ui-block"] > div {
    margin: 0 0.5em;
}





* {
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


.my-image {
    width: 100%;
    max-width: 600px;
}

.my-images img {
    width: 100%;
    max-width: 300px;
    margin:10px;

}
.my-grid {
    width: 45%;
    display:inline-block;
}

.my-content {
    padding-left:20px;
}

.my-left-bock {
	text-align: center;	
}

@media all and (max-width: 1350px) {
    .my-grid {
        width: auto;
        display:block;
    }
}

@media all and (max-width: 45em) {
    /* 560px 35 * 16 (defaut de body) */
    .my-grid-responsive .ui-block-a, /* cellule 1 */
    .my-grid-responsive .ui-block-b, /* cellule 2 */
    .my-grid-responsive .ui-block-c, /* cellule 3 */
    .my-grid-responsive .ui-block-d, /* cellule 4 */
    .my-grid-responsive .ui-block-e {
        /* cellule 5 */
        width: 100%;
        float: none;
    }

    .my-content {
        padding-left:0;
    }

    .my-image {
        width: 100%;
        max-width:100%;

    }


}