#block-title {
    background: url('../img/DSC_2891.jpg');
    background-position: 0% 60%;
    background-size: 100% auto;
    color: white;

}

@font-face {
    font-family: "handwrite";
    src: url('../fonts/sweet-purple.otf');
}

body {
    font-family: "handwrite";
}

.text-container {
    color: #2e6da4;
}

.img-frame {
    border: 2px solid #AAA;
    padding: 0;
}

.rotation-p7 {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}

.rotation-m7 {
    -ms-transform: rotate(353deg); /* IE 9 */
    -webkit-transform: rotate(353deg); /* Chrome, Safari, Opera */
    transform: rotate(353deg);
}

.rotation-p3 {
    -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */
    transform: rotate(3deg);
}

.rotation-m3 {
    -ms-transform: rotate(357deg); /* IE 9 */
    -webkit-transform: rotate(357deg); /* Chrome, Safari, Opera */
    transform: rotate(357deg);
}

.rotation-p1 {
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}

.rotation-m1 {
    -ms-transform: rotate(359deg); /* IE 9 */
    -webkit-transform: rotate(359deg); /* Chrome, Safari, Opera */
    transform: rotate(359deg);
}

.img-frame img {
    border: 10px solid white;
}

.text {
    margin-top: auto;
    margin-bottom: auto;
    padding: 2em;
}

.event-1 {
    background: #adbfff;
    color: white;
    padding-top: 3em;
    padding-bottom: 3em;
}

.event-2 {
    background: white;
    color: #2e6da4;
    padding-top: 3em;
    padding-bottom: 3em;
}

a {
    color: #4cae4c;
}