

.items-mobile {

margin: 30px 0 0;

border: 2px solid #adadad;

padding: 10px 0;

height: 150px;

background-color: #fff;

}.items-mobile .project-name p {

font-weight: bold;

font-size: 12px;

margin: 12px 0;

}.icon-wrapper i{

    font-size: 82px;

}

.items-mobile:hover {

box-shadow: 0 0.25rem 0.5rem #6e8ca5;

}





body {

  font-family: "Lato", sans-serif;

}



.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 1;

  top: 0;

  left: 0;

  background-color: #111;

  overflow-x: hidden;

  transition: 0.5s;

  padding-top: 60px;

}



.sidenav a {

  padding: 8px 8px 8px 32px;

  text-decoration: none;

  font-size: 25px;

  color: #818181;

  display: block;

  transition: 0.3s;

}



.sidenav a:hover {

  color: #f1f1f1;

}



.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

}



@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 18px;}

}







 #logo_wrapper img {

  max-width: 100%;

  height: auto;