html {
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
   
    background-size: 100%;
    background-repeat: no-repeat;
}
/*Top Bar*/


#nav {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
background-color: #151515;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
height: 140px;
opacity: .9;
position: fixed;
z-index: 1;
}

/*Top Bar Menu*/

#menu {
width: 30%;
padding: 0;
margin-top: 42px;
margin-left: 250px;
list-style: none;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
background-color: blue;
}

#menu li {
float: left;
}

#menu li a {
display: block;
padding: 20px 23px;
text-decoration: none;
color: white;
border-right: 1px white; 
}

#menu li a:hover {
color: #D6B430;
 }

#menu2 {
width: 30%;
padding: 0;
margin-top: 0px;
margin-right: 20px;
list-style: none;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
float: right;
}

#menu2 li {
float: right;
}

#menu2 li a {
display: block;
padding: 20px 23px;
text-decoration: none;
color: #F0C75E;
border-right: 1px #F0C75E; 
}

#menu2 li a:hover {
color: white;
}




/*logo*/

#headerlogo {
width: 162px;
height: 82px;
margin-top: 20px;
margin-left: 50px;
float: left;
}

/*maintable*/

#maintable {
background-color: white;
width: 835px;
height: 30em;
position: absolute;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 12.5%;
left: 0;
right: 0;
}

#text {
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
padding-right: 3.5em;
padding-top: 3em;
width: 62%;
float: right;
}

#texttitle {
font-family: 'Varela', sans-serif;
font-size: 14pt;
font-weight: bold;
color: #ecc06c;
}

#headshot {
width: 20%;
float: left;
padding-left: 2.75em;
padding-top: 3em;
}

#contactlink {
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
color: #ecc06c;

}

/*background

#bg2 {
width: 100%;
margin-top: 90%;
position: absolute;
z-index: -1;
*/


/*info
#box {
width: 100%;
padding: 0;
margin-top: 706px;
list-style: none;
background-color: white;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
height: 500px;
opacity: 50%;
position: absolute;
}
*/

/*test
#testbox {
width: 250px;
height: 250px;
padding: 0;
margin-top: 60%;
margin-left: 14%;
margin-bottom: 200px;
background-color: #b4b4b4;
position: absolute;
float: left;
z-index: -1;
}
*/


@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.wrapper {
 margin-top: 50%;
 padding-top: 10%;
}

/* Safari only override */
::i-block-chrome,.wrapper {
 margin-top: 100%;
 padding-top: 80px;
}

/*footer
#footer {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
background-color: #151515;
font-family: 'Varela', sans-serif;
font-size: 10pt;
font-weight: bold;
height: 140px;
position: relative;
}
*/