@font-face {
font-family: "titleFont";
src: url("../../CSS/Fonts/AmsterdamOne-eZ12l.ttf");
}

@font-face {
font-family: "pFont";
src: url("../../CSS/Fonts/Raleway-Thin.ttf");
}

button {
color: #89acb3;
background-color: #ffffff;
font-size: 15px;
border: 1px solid #89acb3;
border-radius: 5px;
padding: 15px 50px;
cursor: pointer;
font-family:"titleFont";
}

button:hover {
background-color: #ffffff;
text-decoration: underline;
}

.title1 {
font-family: "titleFont";
font-size:25px;
}

.titleBody1 {
font-family: "pFont";
font-size: 24px;
padding-left: 22%;
padding-right: 5%;
}

.title2 {
padding-top: 5%;
font-family: "titleFont";
}

.titleBody2 {
padding-left: 2%;
padding-right: 2%;
font-family: "pFont";
}

.title3 {
padding-top: 5%;
font-family: "titleFont";
font-size:18px;
}

.titleBody3 {
font-family: "pFont";
font-size: 24px;
padding:0% 15% 2% 15%;
}

.titleBody4 {
font-family:"pFont";
font-size:22px;
padding:1%;
}

.textBody5 {
font-size: 16px;
font-family: "pFont";
font-weight: bold;
}

.textBody6 {
font-size: 12px;
font-family: "pFont";
font-weight: bold;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.center {
text-align: center;
}

.headerImage {
max-width: 100%;
margin-top: -20%;
height: 90%;
}

.headerLabels {
position: absolute;
max-width: 96%;
bottom: 2%;
left: 2%;
padding: 2%;
}

.headerButton {
position:absolute;
bottom:5%;
right:5%;
background: rgba(255,255,255,.5);
font-family: titleFont;
border:none;
color:#000000;
}

.headerButton:hover {
text-decoration: underline;
}

.mobileHeader {
padding:0% 2% 4% 2%;
text-align: center;
}

.navbar {
height:10%;
}

.navbar-brand {
margin: 0% 1% 0% 1%;
}

.footerImg {
width:55px;
}

.footerLinks {
padding-right:1%;
}

@media screen and (max-width: 500px) {

.headerButton {
position:unset;
}

.title1 {
font-size: 18px;
margin-top: -10%;
}

.titleBody1 {
padding-top:50%;
}

.title2 {
font-size:22px;
}

.nav-link {
font-size:24px;
font-family: "pFont";
margin:1%;
background-color:lightblue;
}

.footerImg {
width:100px;
}

.footerLinks {
width:100%;
padding-right:5%;
}

}