#head1o2 {
	width:100%;
  	height:1.5em;
	margin:0;
	padding:0;
	background:rgb(117, 99, 124);
	/* background: rgb(0,36,62); */
	text-align:left;
	color:#fff;
	position:fixed;
	z-index:999;
}

.avatar1 {
  border-radius: 0.35em;
  border: 0;
  display: inline-block;
  position: relative;
}

  .avatar1:before {
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    border-radius: 0.35em;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .avatar1.avatar {
    border-radius: 100%;
  }

    .avatar1.avatar:before {
      display: none;
    }

    .avatar1.avatar img {
      border-radius: 100%;
      width: 45%;
      padding: 20px;
      /* border: 1px solid #ddd; */
      /* padding: 3px; */
      /* box-shadow: 0 -1px 5px 1px rgba(200, 200, 200, 0.3); */
    }