@font-face {
    font-family: MB_Medium;
    src: url(http://www.geocities.ws/cbodine/GRA310/Fonts/Majesti-Banner-Medium.otf);
}

@font-face {
    font-family: MB_Bold;
    src: url(http://www.geocities.ws/cbodine/GRA310/Fonts/Majesti-Banner-bold.otf);
}

@font-face {
    font-family: MB_Heavy;
    src: url(http://www.geocities.ws/cbodine/GRA310/Fonts/Majesti-Banner-Heavy.otf);
}

@font-face {
    font-family: MB_Light;
    src: url(http://www.geocities.ws/cbodine/GRA310/Fonts/Majesti-Banner-Light.otf);
}

@font-face {
    font-family: MB_BookItalic;
    src: url(http://www.geocities.ws/cbodine/GRA310/Fonts/Majesti-Banner-BookItalic.otf);
}

@font-face {
    font-family: MB_Book;
    src: url(http://www.geocities.ws/cbodine/GRA310/Fonts/Majesti-Banner-Book.otf)
}

body {
    background-image: url(http://www.geocities.ws/cbodine/GRA310/Images/Black_Stone.jpg);
    background-repeat: no-repeat;
    
}

{
  box-sizing: border-box;
}

hr {
  background-color: rgb(190, 30, 45);
  width: 100%;
  height: 10px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  
  }

.logo {
    display: inline-block;
    width: 35%;
    vertical-align: middle;
    margin-left: 2%;
    margin-right: 5%
}

.nav_button {
    display: inline-block;
    width: 6%;
    margin: 1% 2% 1% 1%;
    vertical-align: middle;
}

.showcase {
    text-align: center;
}

.showcase_photo {
    display: inline-block;
    width: 20%;
    margin: 2% 1% 2% 1%;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

h1 {
    color: rgb(190, 30, 45);
    font-family: MB_Medium, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3.5em
}

h2 {
    color: white;
    font-family: athelas;
    font-weight: 700;
    font-style: italic;
    font-size: 2em
}

p {
    color: white;
    font-family: MB_Light, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2em
}