button, .button, a, span, li, .head-area:after, hr, img, .read-more:before, main, .post, .head-area {
    transition: all 0.3s ease 0s;
}

.site-head{text-align:center;z-index:2;position:relative}
.site-head .blog-description{margin:1.3rem 0 1rem;color:white;font-weight:300}
.site-head .blog-logo{display:inline-block;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s}
.site-head .blog-logo img{width:140px;height:140px;border:2px solid white;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;border-radius:100px}
.site-head .blog-logo:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.site-head .blog-title{margin:0.7rem 0 1rem;font-weight:400;text-transform:uppercase;color:white;line-height:1;font-size:2rem;float:left;width:100%;text-align:center}
.site-head hr	{
		width:100px;
		border-top: 1px;
		margin:0 auto
		}
.site-head .blog-menu{float:left;clear:both;width:100%;margin-bottom:35px}
@media screen and (min-width: 100em){.site-head .blog-menu{float:right}
}
.site-head .blog-menu li{font-size:1rem;width:32%;float:left}
@media screen and (min-width: 100em){.site-head .blog-menu li{width:18%}
.site-head .blog-menu li:nth-child(1){margin-left:42%}
}
.site-head .blog-menu li:nth-child(2){margin:0 2%}
.site-head .blog-menu li a{padding:5px 0;background:#333;color:white;text-transform:uppercase;font-size:2rem}
.site-head .blog-menu li a:hover{color:white;background:#4a89dc}