/*beautify*/
 .nav-wrapper{background-color:#001171;}
.secondary-content{color:#001171}
 .btn{background-color:#001171}
 .page-footer{background-color:#001171}
 .input-field{color:#001171}
 .input-field{color:#001171}
.input-field{color:#001171}
 .btn-floating{background-color:#001171}
 .dropdown-content>li>a{color:#001171}
 i.material-icons{color:#001171}

.beautify {
	width: 100%;
	height: 15vh;
	color: #fff;
	background: linear-gradient(-45deg, #D4AF37, #001171, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}



ul.inline-list li {
    display:inline;
    text-align: center;
  }

  main {
    flex: 1 0 auto;
  }

#frow {

  margin-top:-10px!important;

}

.tabs .indicator {
  height: 5px;
  background-color: #fff;
}

.parent {
  width: 30%; /* I took the width from your post and placed it in css */
  height: 100px;
}
.parent1 {
  width: 100%; /* I took the width from your post and placed it in css */
  height: 150px;
}
.parent3 {
  text-align: center;
}

/* This will style any <img> element in .parent div */
.parent,.parent1,.parent3 img {
  height: 100%;
  width: 100%;
}
#bottomnav{
    position: fixed;
    bottom:1px;
}
.fullheight{
  max-height: 70vh;
}
.stats{
  font-size:30px;
}
.stats-text{
  text-transform: capitalize;
}
img.circle{
  width: 68px !important;
  height: 68px !important ;
}
img.circle.responsive-img{
  width: 100px !important;
  height: 100px !important ;
}
.collection .collection-item.avatar {
  padding-left: 120px;
}
.checked {
  color: orange;
}

.card {
  overflow: visible;
}
.profile-pic {
  margin-top: -6em;
  z-index: 1;
  position: relative;
}

.fullwidth{
    width:100%;
}

.profile-pic > img {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.controls {
  cursor: pointer;
}

.row-menu{
  position:relative;
}

.menu {
  display:none;
  right: 1em;
  top: 1.8em;
  position: absolute;
  background-color: #fff;
  padding-left: 0.8em;
  padding-right: 0.8em;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.menu-list > li {
  margin-bottom: 1em;
  cursor: pointer;
}

.menu-list > li:last-child{
   margin-bottom: -1em;
}
@media only screen and (max-width: 900px) {
  img.vuser{
    widath:50px;
    height: 50px;
    align-items: right;
  }
  .stats{
    font-size:20px;
    padding: 10px;
  }
}
.collection .collection-item.avatar {
  padding-left: 90px !important;
}
.vuser .parent3{
float: right;
text-align: center;
}
#joblogo{
  width: 200px;
  height: 100px;
  background: #fff;
  right: 4px;
  top:4px;
  border-radius:5px;
  padding:3px;
}
#joblogo img{
  width:100%;
  Height:100%;

}
a.tiny{
    font-size:10px !important;
}