#logo {
width: 50%;
opacity: 0.9;
margin: 10px;
min-width: 400px;
}

#menu {
margin: 10px;
float: left;
width: 25%;
background-color: #FAF9F6;
opacity: 0.9;
border: 0px;
border-radius: 25px;
min-width: 350px;
}

footer {
float: right;
width: 100%;
text-align: right;
} 

#calculatorContent {
float: left;
background-color: #FAF9F6;
margin: 10px;
width: 39%;
border: 20px solid #FAF9F6;
border-top: 1px solid #FAF9F6;
border-bottom: 1px solid #FAF9F6;
border-radius: 25px;
opacity: 0.9;
}

#footerContent {
position: relative;
bottom: 0px;
font-family: "Playfair Display";
display: inline-block;
color: white;
margin: 10px;
padding: 3px;
background-color: #002E63; 
font-weight: 300;
min-width: 350px;
opacity: 0.9;
}

#menu a {
display: block;
color: #000;
font-style: normal;
text-decoration:  none;
position: relative;
left: 5%;
width: 95%;
height: 30px;
}

#menu a:hover {
background-color: #002E63; 
color: white;
height: 50px;
left: 0%;
width: 100%;
text-align: center;
font-weight: bold;
transition: 0.6s all;
}

body {
font-family: "EB Garamond";
background-image: url(raw_background.jpeg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed; 
background-position: bottom;
background-color: #464646;
}

p {
opacity: 1;
}

input{
font-family: "EB Garamond";
font-weight: bold;
}

var{
font-weight: bold;
}

h1 {
font-family: "Playfair Display";
display: inline-block;
padding-left: 5px;
padding-right: 5px;
font-size:  50px;
color: white;
background-color: #002E63; 
font-weight: 300;
}

h2 {
font-family: "Playfair Display";
display: inline-block;
color: white;
padding-left: 3px;
padding-right: 3px;
background-color: #002E63; 
font-weight: 300;
}

#wide #calculatorContent{
width: 40%;
}