/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
.d2F0Y2hlZA {
background-image:url("960x0.jpg");
 background-repeat: no-repeat;
  background-attachment: fixed;
  background-position:center;
  background-size:cover}
body {
  background-image: url("eibackground.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position:center;
  background-size:cover;
   overflow-y:auto;
   overflow:auto 
}

.hiddenaudio {opacity:0}
.d2F0Y2hlZA2
{text-align: center;
margin-left: 37.75vw;
margin-top:15vh}

.a404
{text-align: center;
margin-left: 19.5vw;
margin-top:10vh}

.classichide
{z-index:3;
 border: 1px solid white;
    position: absolute;
  top: 10%;
  transform: translate(-50%, -50%);
  font-family: 'Helvetica', 'Arial'; text-align:center;color:black;opacity:0}

.centerhide {z-index:3;
 border: 1px solid white;
    position: absolute;
  top: 10%;
  left: 57.5%;
  transform: translate(-50%, -50%);
  font-family: 'Helvetica', 'Arial'; text-align:center;color:black;opacity:0}

iframe
{margin-left: -1vw}

div {
    height: auto;
    width: 59.5vw;
    background: white;
    position:relative;
       top: 3.25vw;
    left: 33vw;
   margin-top: -4vw;
margin-left: -12.8vw;
z-index: 1
  
}
.header {
  text-align: center;
  background: #ffe8a8;
  z-index:1;
    height:17vh;
    width:59.5vw;
    margin-left:-12.4vw;
    font-family: 'Helvetica', 'Arial';
    position: fixed;
    z-index:2
    
}

.buffer
{height: 10vh;
    width: 59.5vw;
    margin-top:9.5vh;
    margin-left:-33vw;
    z-index:2}
.bigtext {font-size:2.3vw; font-family: 'Helvetica', 'Arial';
text-align:center}

.subheading{font-size:1vw;font-family: 'Helvetica', 'Arial'; margin-top:-1vw}

.sidenav {
    height: 65vh;
    width: 9vw;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    padding-top: 20px;
    margin-top: 15vw;
    margin-left: 38.1vw;
    background: #ffe8a8;
    color: black
}


.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 1.25vw;
    color: black;
    display: block;
    border-bottom: 2px solid black;
    font-family: 'Helvetica', 'Arial'
}

.headerlogo {position: fixed;
z-index: 3;
             margin-left:22vw}
    
.egglogo {text-align: center;
margin-left: 22vw;
margin-top:15vh;}

.box {
     border: 1px solid white;
    height: 68vh;
   width: 40vw;
   position:relative;
   margin-left: -25vw

}
 
 
 h1 {font-family: 'Helvetica', 'Arial';
 color: black;
 font-size:2vw;
 text-align: left;
 margin-left: 5vw
 }
 
 p {color: black;
 font-size: .90vw;
 text-align: left;
 font-family: 'Helvetica', 'Arial';
 margin-left:-5vw;
 z-index: 1
}
 
.footer {
  text-align: center;
  background: #ffe8a8;
  font-size: 0.5vw;
  position:relative;
  z-index:1;
    height:5vh;
    width:59.5vw;
    margin-top:8vh;
    margin-left:-33vw

}

.footertext{font-size:0.7vw;
color:black;
padding:0.6vw;
text-align:center;
font-family: 'Helvetica', 'Arial';
margin-left: -0.25vw;}

table {
  border-collapse: collapse;
}
table td {
  border: 1px solid black; 
}
table tr:first-child td {
  border-top: 0;
}
table tr td:first-child {
  border-left: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:last-child {
  border-right: 0;
}
.tablepicture{ text-align: center}

.employeetable {
  font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
width: 40vw;
  text-align: left;
  border-collapse: collapse;
   margin-left: 5vw;
   position: relative;
   table-layout:fixed;
   height:auto
   
}

.tabletext {color: black;
 font-size: .90vw;
 font-family: 'Helvetica', 'Arial';
 margin-left: 0.7vw
}

.tabletitle {color: black;
 font-size: 1.4vw;
 font-family: 'Helvetica', 'Arial';
 margin-left: 0.7vw
}