* {
    font-size: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

body {
    font-family: Tahoma, Geneva, sans-serif;
    color: #043c2e;
    background-image: url("background.jpg");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

p {
    font-size: 1.1 em;
    text-align: justify;
    margin: 0 3% 1% 3%;
}

p.firstline {
    margin-top: 4%;
}

li {
    font-size: 1.1 em;
    margin: 0 3% 1% 3%;
}

span.small {
  font-variant: small-caps;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, serif;
    text-align: center;
    line-height: .3em;
    padding: 0;
}

h1, h2 {
    font-size: 2.7em;
    font-weight: 800;
}

h3 {
    font-size: 2.1em;
    font-weight: 700;
}

h4 {
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 0;
}

h5 {
    font-family: Georgia, serif;
    text-align: center;
    font-size: 1.3em;
    font-weight: 400;
    line-height: .1;
    margin-top: 2%;
}

h6 {
    font-size: 1.1em;
    font-weight: 400;
    margin: 3% 0 0 0;
}

h1.myName {
    color: #cff2d4;
    text-align: left;
    display: inline-block;
    float: left;
    margin: 2% 0 2% 3%;
}

h3.keyword {
    color: #cff2d4;
    text-align: left;
    display: inline-block;
    float: right;
    margin: 2% 4% 2% 0;
}

h4.aboutpage {
    margin-top: 5%;
    margin-bottom: 3%;
}

h4.pagetops {
    margin-top: 1%;
    margin-bottom: 3%;
}

h4.emailcontact {
    margin-top: 3%;
}

h5.firstline {
    margin-top: 5%;
}

header {
    background-color: #204354;
    position: fixed;
    width: 100%;
    height: 22%;
}

#hidden_header {
    width: 100%;
    height: 30%;
    visibility: hidden;
}

main {
    background-color: #7ad5d6;
    border: 5px solid #043c2e;
    width: 50%;
    height: 50%;
    margin: 6% 22% 3% 22%;
    padding: 3%;
}

div.innerbox {
    border: 1px double #043c2e;
    margin-top: 3%;
}

div.badgesdiv {
    width: 50%;
    text-align: center;
    margin: 6% 22% 3% 22%;
}

.notation {
    font-size: 0.5 em;
    text-align: justify;
    margin: 0 3% 1% 3%;
}

table#badges {
    margin-left:auto;
    margin-right:auto;
    padding: 0% 20%;
}

#badges td, #badges th {
    text-align: center;
    /* padding: 3% 20%; */
}

table#labs {
    width: 90%;
    border-collapse: collapse;
    border: 3px solid #324D28;
    margin: 0 5%;
}

#labs td, #labs th {
    text-align: center;
    border: 1px solid #324D28;
}

table#books {
    width: 90%;
    border-collapse: collapse;
    border: none;
    margin: 0 5%;
}

#books td, #books th {
    width: 50%;
    text-align: center;
    padding: 5%;
}

table#reviews1 {
    width: 90%;
    border-collapse: collapse;
    border: none;
    margin: 0 5%;
}

#reviews1 td, #reviews1 th {
    width: 90%;
    text-align: left;
    padding-top: 5%;
}

table#reviews2 {
    width: 90%;
    border-collapse: collapse;
    border: none;
    margin: 0 5%;
}

#reviews2 td, #reviews2 th {
    width: 90%;
    text-align: left;
    padding-top: 5%;
}

table#resume {
    width: 94%;
    border-collapse: collapse;
    border: 1px double #043c2e;
    /* border: 3px solid #324D28; */
    margin: 0 3%;
    padding: 2%;
}

#resume td, #resume th {
    text-align: left;
    font-size: .7em;
    padding-left: 2%;
}

#resume th {
    font-size: .8em;
    vertical-align: top;
}

#acclaim {
    display:block;
    margin 0 auto;
    text-align: center;
    margin-top: 2%;
}

#fish {
    display:block;
    margin 0 auto;
    text-align: center;
    margin-top: 0;
}

div.meira {
    display:block;
    text-align: center;
}

div.hebrew {
    display:block;
    text-align: center;
}

div#navbar {
    clear: both;
}

div#navbar a{
	list-style-type: none;
	padding: 0;
    margin: 0 .5% 0 0;
}

a {
    background-color: inherit;
}

a input[type="submit"] {
    font-family: Georgia, Times, serif;
    font-weight: 600;
    font-size: 1.5em;
    font-variant: small-caps;
    text-decoration: none;
    color: #cff2d4;
    display: inline-block;
    text-align: center;
    padding: 1% 0 1% 0;
    width: 18%;
}

input[type="submit"] {
    font-family: Georgia, Times, serif;
    font-weight: 600;
    font-size: 1.5em;
    font-variant: small-caps;
    text-decoration: none;
    color: #cff2d4;
    display: inline-block;
    text-align: center;
    padding: 1% 0 1% 0;
    width: 18%;
}

input[value="Home"] {
    margin-left: 3%;
}

input.colorButton {
	background-color:  #1C123A;
    border: 1px solid #1C123A;
}

input.colorButton:hover {
	background-color: #4B2054;
    border: 1px solid #4B2054;
}

input.colorButton:active {
	background-color: #295420;
    border: 1px solid #295420;
}

p#login-info {
    font-size: .8em;
    font-style: italic;
    margin-top: 2%;
}


@media screen and (orientation: portrait) {
	body {
		min-height: 1750px;
	}

	main {
		width: 90%;
        padding: 2%;
		margin: 6% 3% 3% 3%;
        font-size: 2em;
	}

    header {
        height: 8%;
    }

    h1.myName {
        margin: 3% 0 3% 3%;
    }

    h3.keyword  {
        margin: 3% 4% 3% 0;
    }

    h4 > a {
        margin-top: 3%;
    }
}