* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0; 

}
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.header{
    height: 4em;
    width:100%;
    display: inline-block;
    -webkit-box-shadow: 1px 9px 52px 15px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 1px 9px 52px 15px rgba(34, 60, 80, 0.2);
    box-shadow: 1px 9px 52px 15px rgba(34, 60, 80, 0.2);
}
.logo {
    display: inline-block;
    margin:.5em;
    width:10em;
}
.logoimg {
    height: 3em;
}

.login{
    position: absolute ;
    display: inline-block;
    top:.3em;
    right: 1em;
}
.userimg {
    height: 2em;
}

.bottom {
    margin:.5em;
    position: absolute;
    bottom:0;
    right: 0;
}

.blogoimg{
    margin:.5em;
    height: 2em;
    opacity: 0.5;
    filter: grayscale(50%);
}

.userimg {
    height: 3em;
    opacity: 0.5;
    filter: grayscale(100%);
}
.content {
    position:relative;
    margin-top: .9em;
}