#wrapper_head{
    background-image:url(../images/topimage_calendar.jpg);
}
#side{
    background-image:url(../images/sidephoto_calendar.jpg);
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center center;
    height:10rem;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -ms-opacity: 0.3;
    -o-opacity: 0.3;
    opacity: 0.3;
}
#main h3{
    display:inline-block;
    padding:0 1em;
    font-size:1.8rem;
    background-color:#ffcccc;
    line-height:2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    border-radius: 2em;
    margin:1rem 0;
}
#main p{
    margin:1rem 0;
}

@media screen and (min-width: 600px)  {
    
    #side{
        background-size: contain;
        background-position:0 16rem;
        height:auto;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
    }
    
}