footer{
  width: 100%;
  background: rgb(20,20,20);
  height: 50vh;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 3fr 15fr 2fr;
}
.grid_span1{
  grid-column: span 5;
  background: rgb(25,25,25);
}
.grid_span2{
  grid-column: span 5;
  background: rgb(10,10,10);
  color: rgba(255, 255,255,0.4);
  font-family: sans-serif;
  font-size: 0.7em;
  display: flex;
  align-items: center;
  justify-content: center;
}
#social_media{
  color: rgba(255, 255,255,0.6);
  font-family: sans-serif;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social_media_text{
  width: 20%;
}
#social_icons{
  margin-left: 3vw;
  width: 25px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  filter: invert(43%) sepia(99%) saturate(467%) hue-rotate(355deg) brightness(91%) contrast(92%);
}
.facebook{
  background: url('../images/facebookicon.png');
}
.instagram{
  background: url('../images/instagramicon.png');
}
.twitter{
  background: url('../images/twittericon.png');
}
.youtube{
  background: url('../images/youtubeicon.png');
}
#footer_inner_grid{
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 40fr 14fr 4fr 5fr 4fr 160fr;
}
.footer_section_name{
  color: white;
  font-family: 'Hurme', sans-serif;
}
.footer_line{
  height: 40%;
  width: 40%;
  background: rgba(255,165,45,0.8);
  border-radius: 10px;
}
.footer_section_content{
  color: rgba(255,255,255,0.8);
  font-family: 'Hurme', sans-serif;
  display: flex;
  flex-direction: column;
  line-height: 200%;
}
#footer_contact_grid{
  display: grid;
  grid-template-columns: 8% 92%;
  grid-template-rows: 13% 13% 13%;
}
#footer_contact_icon_container{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

#footer_contact_icons{
  margin-top: 5px;
  height: 15px;
  width: 15px;
  object-fit: cover;
}
@media only screen and (max-width: 750px){
  .social_media_text{
    width: 60%;
  }
  #social_icons{
    margin-left: 3vw;
    width: 35px;
    height: 35px;
  }
}
@media only screen and (max-width: 1600px){
  .social_media_text{
    width: 50%;
  }
  #social_icons{
    margin-left: 3vw;
    width: 30px;
    height: 30px;
  }
}