@charset "utf-8";
/* CSS Document */
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    transition: .5s;
    background-color:#868C8A;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-linkedin {
    padding:10px 12px;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    transition: .5s;
    background-color:#868C8A;
}
.fa-linkedin:hover {
    background-color: #0077B5;

}

.fa-google-plus {
    padding:10px 9px;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
    transition: .5s;
    background-color: #868C8A;
	margin-top: 15px;
}
.fa-google-plus:hover {
    background-color: #e25714;
}

.color{
	background-color: #91AA9D;
	background-position:center; 
	background-repeat: no-repeat; 
	background-size:cover;
	height: 100%;
	
}

	
	
	



.topnav {
  overflow: hidden;
  background-color: #DBDBDB;
}

.topnav a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 18px 23px;
  text-decoration: none;
  font-size: 20px;
margin-top: 20px;
	
}
.logo { 
	float: left;
	margin-left: 550px;
	
}
.topnav a:hover {
  background-color: #868C8A;
  color: white;
}

.active {
  background-color: #D1DBBD;
  color: white;
	margin-left: 20px;
	
}

.img-responsive {
	float: inherit;
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: 50px;
}
.infohannah {
	margin-top: 250px;
	margin-left: 75px;
	margin-bottom: 75px;
	font-size: 20px;
	border: double;
	border-color: #202020;
	border-width: thick;
	background-color: #A2A2A2;
	
}

.topnav .icon {
  display: none;
}


@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

}

.margin{font-family: "Cinque Donne" }
.ohmy {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
font-size: 16px;
font-kerning: normal;
padding: 50px;

}

.help{ 
	font-family:  Georgia, Serif;

	
}

 footer {
      background-color:#DBDBDB;
      
    }