@font-face{
 font-family: 'Majesti-Banner-Bold';
src: url('../fonts/MajestiBanner_Personal_License/Majesti-Banner_Personal_License/Majesti-Banner/Majesti-Banner-Bold.otf');
}

@font-face{
    font-family: 'Majesti-Banner-Heavy';
src: url('../fonts/MajestiBanner_Personal_License/Majesti-Banner_Personal_License/Majesti-Banner/Majesti-Banner-Heavy.otf');
    font-weight:bold;
   
}

body{background-color: black}

h1{
	 color: rgb(190, 30, 45);
    font-family: 'Majesti-Banner-Heavy';
    font-size: 200%;
}

h3{
    color: rgb(190, 30, 45);
    font-family: 'Majesti-Banner-Heavy';
    font-size: 200%;
  }

p{
    color: rgb(138, 140, 143);
    font-family: 'Majesti-Banner-Bold';
    font-size: 110%;
 }
            
ul{
    background-color:rgb(138, 140, 143);
    overflow: hidden;
    list-style-type: none;
  }

li{
    float: left;
    font-size: 150%;
}

li a{
    color: white;
    position: relative;
    left: 610px;
    padding: 8px;
    text-decoration: none;
    display: block;
}

li a:hover{
    background-color: rgb(108, 110, 113);
}


.imgLogo{
    width: 363px;
    height: 148.5px;
    position: relative;
	left: 200px;
}

.img1{
    position: relative;
    left: 850px;
    top: 100px;
}

.img2{
    position: relative;
    right: 201px;
    top: 550px;
}

.img3{
    position: relative;
    left: 650px;
    top: -100px;
}

.img4{
    position: relative;
    left: 550px;
    top: -600px;
}

.img5{
    position: relative;
    left: 95px;
    top: -250px;
}
.missionStatement{
    width: 500px;
    position: relative;
    bottom: 200px;
    left: 250px;
}

.vision{
   width: 500px;
   position: relative;
   left: 850px;
   bottom: 50px;
}

.footer{
    background-color: rgb(138, 140, 143);
    width: auto;
    height: 25px;
    text-align: center;   
}