@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");

body {
  margin: 0;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  background: url(../images/wallpaper_MetalMusic.jpg) center center fixed;
  background-size: cover;
  height: 100%;
  min-height: 100%;
}
#logo { 
    display: flex;
    border: none;
    margin-top: 2%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
    max-width: fit-content;
    margin-bottom: 100px;
    
}



.graphic-links {
  display: inline-flex; 
  margin-left: auto;
  margin-right: auto;
  padding-left: 120px;
}


.graphic-links img {

max-width: 70%;

}


  /*.insurance-icon {
      border: black solid 1px;
      height: 200px;
      width: 200px;
  }
  .event-icon {
      border: black solid 1px;
      
  }
  */
  

@media(max-width: 1333px) {
  .grid-item {
    flex-basis: 33.33%;
  }
}

@media(max-width: 1073px) {
   .grid-item {
    flex-basis: 33.33%;
  }
}

@media(max-width: 815px) {
  .grid-item {
    flex-basis: 50%;
  }
}

@media(max-width: 555px) {
  .grid-item {
    flex-basis: 100%;
}
}



footer {
    
    background-color: rgb(16, 55, 161);
    opacity: 40%;
    color: ghostwhite;
    text-align: center
    box-shadow: 7px 12px rgba(0,0,0,0.59);
    border-radius: 20%;
    max-width: 800px;
    height: 30px;
    margin-top: 390px;
    
    margin-left: 10%;
    }