@viewport {
    width: device-width ;
    zoom: 1.0 ;
  }
  @-ms-viewport {
    width: device-width ;
  }
@font-face {
    font-family: montserrat;
    font-weight: normal;
    font-style: normal;
}
html, body{
	margin: 0px;
		padding-bottom: 50px;
		padding-top: 0px;

}
	.MenuWrap {
		background-color: black;
		font-family: montserrat;
		font-size: 1rem;
		min-height: 2.75rem;
		display: flex;
		align-items: right;
		padding: 0 2rem;  
	}
	.ListItem,
	.LastItem {
		color: rgba(236,190,69,1.00);
	}
	.ListItem {
		margin-right: 1rem;
}
.wrap {
	max-width: 1400px;
	margin: 0px auto;
}

.table {
	padding: 50px;
	margine-right: 20px;
}

div {
	background-color: black;
	font-style: normal;
	color: white; 
	align: right;
}
  .menu{
                text-align: right;
}
.w3-third {
                text-decoration: none;
	background-color:slategray;
                padding-top: 10px;
padding-botton: 5px;
padding-left: 10px;
padding-right: 10px;
}
/* Dropdown Button */
.dropbtn {
  background-color: black;
  color: white;
  padding: 16px;
  font-size: 16px;
	text-aline: center;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: slategray;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: darkturquoise;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: darkturquoise;}
body {
    background-color: white;
    color: rgb(215, 228, 194);
    font-family: montserrat;
    font-size: 1.5vw;
    text-align: center
}
h1 {
    color: white;
	background-color: black;
    font-family:montserrat;
	font-style: normal;
    font-size: 2vw;
    text-align: center
}
h3 {
    color: white;
	background-color: black;
    font-family:montserrat;
	font-style: normal;
    font-size: 2vw;
    text-align: center;
	padding: 20px;

}
h2 {
    color: white;
	background-color: black;
    text-align: center;
	font-size: 3vw;
    font-family: "American Typewriter Bold";
	font-style: bold;
} 
h5 {
    color: black;
	background-color: white;
    text-align: center;
	font-size: 1.5vw;
    font-family: montserrat;
	font-style: normal;
} 
h6 {
    color: black;
	background-color: slate;
    text-align: center;
	font-size: 1.5vw;
    font-family: montserrat;
	font-style: normal;
}
	h7 {
    color: white;
    text-align: center;
	font-size: 1.75vw;
    font-family: montserrat;
	font-style: normal;
} 
	h8 {
    color: white;
	background-color: black;
    text-align: center;
	font-size: 1vw;
    font-family: montserrat;
	font-style: italic;
	}
#gallery {
   line-height:0;
   -webkit-column-count:5; /* split it into 5 columns */
   -webkit-column-gap:5px; /* give it a 5px gap between columns */
   -moz-column-count:5;
   -moz-column-gap:5px;
   column-count:5;
   column-gap:5px;
}
#gallery img {
   width: 100% !important;
   height: auto !important;
   margin-bottom:5px; /* to match column gap */
}
@media (max-width: 1200px) {
   #gallery {
    -moz-column-count:    4;
    -webkit-column-count: 4;
    column-count:         4;
	}}
	  @media (max-width: 1000px) {
   #gallery {
    -moz-column-count:    3;
    -webkit-column-count: 3;
    column-count:         3;
		  }}
	  @media (max-width: 800px) {
   #gallery {
    -moz-column-count:    2;
    -webkit-column-count: 2;
    column-count:         2;
		  }}
@media (max-width: 400px) {
   #gallery {
    -moz-column-count:    1;
    -webkit-column-count: 1;
    column-count:         1;
	}}
p {
    color: black;
	font-family: Amercian "American Typewriter Bold"; 
    text-align: center;
	font-size: 1.5vw;
}
	
table {
		background-color: white;
		color: black;
		font-family: montserrat;
		font-size: 1.5vw;
	}
.aboutTable{
	text-align:center;
}
    .textSpacingRight {
                              padding-right: 10px;
}

footer {
        background-color: #000000; 
        color:white;
		font-family: "American Typewriter Bold";
		font-style: bold;
        margin: 0px;
		position: fixed;
		pading: 20px;
		bottom: 0;
		width: 100%	
        }

ul {
    list-style-type: none; /*this removes the bullets from the list */
   margin: 20;
   padding: 20;
   }
   li {
   display: inline-block; /* this makes the links horizontal */
   }
   li a {
    color: rgb(); /*this is the font color and it is white */
    padding: 10px; /*this is the padding around the text which creates
   that box */
   background-color:rgb(128,120,132);  /* this is the background color of the
	   box around the text */
	}