body {
	margin: 0;
	padding: 0;
	height: 100%;
}

/* Nav 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.nav {
	background: #006196;
	padding: 0.7%;
}

.logo {
	height: 5rem;
	width: 5rem;
	display: inline;
	vertical-align: middle;
}

.nav h4 {
	font-size: 2.7vh;
	color: #fff;
	margin-left: 2%;
	vertical-align: middle;
	display: inline;
}

.nav a {
	text-decoration: none;
}
.slogan {
	color: #fff;
	font-family: "Times New Roman", Serif;
	font-size: 2.4vh;
	display: inline;
	vertical-align: middle;
	white-space: nowrap;
	margin-left: 6rem;
}

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-background-home {
	background: url("../images/header.jpg") no-repeat center center;
}

.header-background-about {
	background: url("../images/aheader.jpg") no-repeat center center;
}

.header-background-concept {
	background: url("../images/cheader.jpg") no-repeat center center;
}

.header-background-services {
	background: url("../images/sheader.jpg") no-repeat center center;	
}

.header h3 {
	color: #fff;
	font-size: 4vh;
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
}

.header-text-box {
	padding: 2%;
	border-radius: 3px;
	background: rgba(0,0,0,0.15);
	margin: 10%;
	margin-top: 30%;
	margin-bottom: 10%;
}

.header-min {
	margin-top: 10%;
}

/* Profile Start
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.profile {
	background-color: #0084CB;
	color: #fff;
	padding: 5%;
	padding-bottom: 2.5%;
}

/* Profile Image
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.profile-image {
	height: 100%;
	width: 100%;
	border-radius: 50%;
    animation-delay: 0.3s;
}

/* Profile Name
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.name h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: 30%;
	text-align: center;
}

.name p {
	margin-top: 0px;
	margin-bottom: 30%;
	margin-top: 0px;
	text-align: center;
}

/* Profile Contact
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contact {
	list-style: none;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
    padding-top: 2em;
}

.contact-text {
    display: inline;
}


/* Link Circles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.link-circle-box {
    margin-top: 1em;
    margin-bottom: 1em;
}

.link-circle {
	height: 10em;
	width: 10em;
	border-radius: 50%;
	background-color: #006196;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
}

.link-circle :hover {
    background: #004F79;
    border-radius: 50%;
}

.link-circle p {
	color: #fff;
	text-align: center;
	line-height: 10em;
}

.link-circle a {
	text-decoration: none;
}


.circle1 {
    animation-delay: 1s;
}

.circle2 {
    animation-delay: 1.2s;
}

.circle3 {
    animation-delay: 1.4s;
}
/* About
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.about-box {
	padding: 5%;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer {
	color: #767d84;
	text-align: center;
	background-color: #242729;
	margin-top: 4%;
	padding: 1%;
	-webkit-box-shadow: inset 0px 10px 40px -5px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 10px 40px -5px rgba(0,0,0,1);
	box-shadow: inset 0px 10px 40px -5px rgba(0,0,0,1);
}

.footer p {
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

.footer a {
	text-decoration: none;
	color: #767d84;
}

.footer a:hover {
	text-decoration: underline;	
}

.footer li {
	display: inline;
	padding: 1%;
}

.footer-padding {
	padding-left: 5px;
	padding-right: 5px;
}


/* Animations
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}