@font-face { font-family: Virgo; src: url('../fonts/virgo.ttf'); }

body {
    background-color: #189ccf;
    font-family: Virgo, monospace;
}

.header-img {
    width: 100%;
    max-width: 600px;
    height: auto;
}

.link {
    margin-top: 20px;
    width: 100%;
}

.nav-link {
    width: 150px;
    padding-right: 10px;
    display: inline;
    margin-top: 10px;
}

h1 {
    font-size: 45px;
}

#band-img-1 {
    height: auto;
}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.navi-link {
    color: #ff0000;
    padding-left: 10px;
    padding-right: 10px;
}

.navi-link:hover {
    opacity: 70%;
    color: #ff0000;
}

.contact-container {
    color: #20d582;
    background-color: #8220d5;
}

.footer-image {
    width: 100%;
    height: auto;
}