body {
background-color: #D2EBFA;
font-family:'Barlow Semi Condensed', sans-serif;
}
p,{
font-size:24px;
}
p {
color: black;
font-size: 18px;
}
#content {
margin: 0 auto;
width:80%;
animation-delay: 45sec;
}
#photo {
float:left;
margin: 1em 1em 1em 0;
padding-left: 1em;
}
h1,h2{
sans-serif;
}
h1{
font-size:60px;
text-align:center;
text-shadow:2px 3px #fff;
color:#2E3442;
}
h2{
font-size:30px;
color: black;
}
ul{
list-style-type:none;
}
nav{
text-align: center;
background-color:#ABB9BA;
}
nav ul{
list-style-type:none;
margin:10px;
padding:0;
background-color:#A1B4BF;
border-radius:5px;
color:#fff;
}
nav ul li{
display:inline-block;
position:relative;
line-height:30px;
}
nav ul li a{
display:block;
color:#000;
padding:14px 80px;
text-decoration:none;
font-size: 24px;
}
nav ul li a:hover{
color:#fff;
background-color:#606C73;
}
nav ul li ul{
min-width:100%;
background-color:#FBE3E0;
display:none;
position:absolute;
border:#75000C solid 1px;
}
nav ul li:hover ul{
display:block;
}
nav ul li ul li{
display:block;
}
nav ul li ul li a{
padding:10px;
text-align:center;
}
#index{
margin:0 auto;
}
#demo{
text-align:right;
font-style:italic;
}
footer{
background-color:#CBE4F2;
height:100px;
color:#FAFAFA;
font-weight:bold;
text-align:center;
font-style:italic;
padding-top:10px;
padding-bottom:3em;
}
a:link{
color:black;
}
a:hover{
color:white;
}
.contactbutton:hover {
color:white;
}
.pdf {
display: block;
margin-left: auto;
margin-right: auto;
}
embed {
padding: 2em;
height: 500px;
width: 100%;
}
#photo2 {
height: 313px;
margin: 0 auto 1em;
padding-left: 10px;
}
div.contactinfo {
margin: 0 auto;
width: 320px;
}
@media (min-width: 1025px) {
    #photo2 {
    float: right;
    }
    div.contactbutton {
    margin: 0 auto;
    float: left;
    }
    div.contactinfo {
    width: 710px;
    margin: 0 atuo;
    }
}
.icon {
max-width: 17px;
padding-right: 5px;
}
a:hover .icon{
transform: scale(2);
}
div.contactbutton {
color: black;
font-size: 18px;
padding: 1.8em;
background-color: #B6CCD9;
line-height: 1.5;
width: 15em;
text-align: center;
margin: 0 auto 1em auto;
}
a {
 color: #000000;
 font-weight: normal;
 text-decoration: none;
}
.rightphoto {
float:right;
margin: 0 0 1em 2em;
}
.salmon {
padding: 2em;
background-color: #B6CCD9;
line-height: 1.5;
}
.unclicked {
text-decoration: underline;
}
.rightphoto:hover{
transform: scale(1.2);
}
#listinp {
color: black;
padding: 2em;
font-size: 18px;
line-height: 1.5;
line-height: 1.5;
}
#list {
color: black;
font-size: 18px;
line-height: 1.5;
list-style-type: circle;
}
#disclaimer {
font-weight: bold;
font-style: italic;
}
.hyperlink {
text-decoration: underline;
}