body {
    font-family:        'Source Sans Pro', sans-serif;
    font-size:          16px;
    font-weight:        300;
    line-height:        1.6em;
    text-rendering:     optimizeLegibility;
    color:              #4f4f52;
    background-color:   #eeeeec;
    margin:             0;
    border:             0;
    padding:            0;
    -webkit-text-size-adjust: 100%;
}

.menu-title, .menu-content > .menu-tree > .menu-item {
    font-weight: 400;
}

.content {
    background-color: #ffffff;
    max-width:        60em;
    min-width:        20em;
    margin:           auto;
    padding-left:     7%;
    padding-right:    7%;
    padding-top:      0;
    padding-bottom:   2em;
    margin-bottom:    5em;
}

h1 {
    text-align:       center;
    font-size:        200%;
    font-weight:      300;
    color:            #555753;
    line-height:      1.4em;
    padding-top:      1em;
    margin-bottom:    0.5em;
}

h2 {
    text-align:       left;
    vertical-align:   middle;
    font-size:        150%;
    font-weight:      400;
    background-color: #e8e9e5;
    color:            #555753;
    line-height:      1.4em;
    margin-top:       1em;
    margin-bottom:    0em;
	  padding-top:      0em;
	  padding-bottom:   0em;
    padding-left:     0.5em;
}

h3 {
    text-align:       left;
    vertical-align:   middle;
    font-size:        125%;
    font-weight:      300;
	  background-color: #eeeeec;
    color:            #555753;
    display:          inline;
    line-height:      1.4em;
    margin-top:       1em;
    margin-bottom:    0em;
    padding-top:      0em;
	  padding-bottom:   0em;
    padding-left:     0.5em;
    padding-right:    0.5em;
}

/* Zoom In #1 */
.zoomIn figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.zoomIn figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.zoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.zoom :hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* ---------------------------- */
/*          ICON IMAGE          */
/* ---------------------------- */
img.iconimg {
    width:          1.2em;
    padding:        0em;
    margin:         0em;
    vertical-align: middle;
    display:        inline;
}

img.iconbtn {
    width:          1.3em;
    padding:        0.05em;
    margin:         0em;
    vertical-align: top;
    display:        inline;
    border-color:           #d2d2d1;
    border-style:           solid;
    border-bottom-color:    #b0b0b0;
    border-right-color:     #b0b0b0;
    border-width:           1px;
    border-radius:          10%;
    

}

p {
    text-align: justify;
}
.blockquote
{
    page-break-inside: avoid;
    color:             #888a85;
    background-color:  #ffffff;
    
    padding-left:      1em;
    padding-right:     2em;
    padding-bottom:    1em;
    padding-top:       1em;
    
    margin-left:       4em;
    margin-right:      4em;
    margin-bottom:     1em;
    margin-top:        1em;
    
    border-left:       0.5em solid #eee;
}