html, body {
  min-height:100%;
}
body{
  font-family: Roboto;
}
/*
  Dark Cyan #09A39E
  Teal #095C5C
  Old Rose #A4453F
  Midnight Blue #0A1A21
  Brown #5B2534

*/
.contents{
  padding-bottom: 400%;
}
.footer {
  background: lightgrey;
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  display: inline-grid;
  grid-template-columns: repeat(3, 1fr);
  height: 12.5%;
}
.content {
  min-height:80%;

}
.contact-bar{
  display: inline-grid;
  grid-template-columns: repeat(5, 1fr);
  margin: auto;
}
.contact-icon {
  width: 64px;
  height: 64px;
  background-repeat: no-repeat;
  margin: 0px 1px;
}
.contact-icon.linkedin {
  background-image: url("../images/logos/logo1.png");

}
.contact-icon.linkedin:hover {
  background-image: url("../images/logos/logo2.png");
}
.contact-icon.steam {
  background-image: url("../images/logos/logo3.png");

}
.contact-icon.steam:hover {
  background-image: url("../images/logos/logo4.png");
}
.contact-icon.twitter {
  background-image: url("../images/logos/logo5.png");

}
.contact-icon.twitter:hover {
  background-image: url("../images/logos/logo6.png");
}
.contact-icon.youtube {
  background-image: url("../images/logos/logo7.png");

}
.contact-icon.youtube:hover {
  background-image: url("../images/logos/logo8.png");
}
.contact-icon.playstore {
  background-image: url("../images/logos/logo9.png");

}
.contact-icon.playstore:hover {
  background-image: url("../images/logos/logo10.png");
}

.somethingsomething {
    width:200px;
    height: 200px;
    border-radius: 50%;
    background-image: url("../images/hero-image.png");
    background-position: center;
    background-repeat:no-repeat;
    background-size: cover;
    border: 2px solid #2F2F2F;
    margin:auto;
}
body {
  background-color: #FAFAFA;
}

 @media screen and (max-width: 600px){
   .somethingsomething {
     width: 50vw;
     height: 50vw;
   }
   body{
    background-color: yellow;
   }
   
 }