body, html {
	height: 100%;
	/*font-family: 'Comfortaa', cursive;
	font-family: 'Roboto Mono', monospace;*/
	/*font-family: 'Patua One', cursive;*/
	font-family: 'Varela Round', sans-serif;
	
}

section {
	padding-bottom: 50px;
}
 header nav img  {
 	height: 60px;
 	width: 160px;
 }

.banner {
	background-image: url("../misc/background_image1.jpg");
	height: 500px;
	width: 100%;
	margin-bottom: 1%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.banner .container {
	position: relative;
	width: 100%;
	height: 500px;
	max-width: 100%;
	padding: 0;
}

.banner-format {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color:rgba(255, 255, 255, 0.25);
}

.banner-format img {
	padding-top: 50px;
	padding-bottom: 40px;
	height: 200px;
	width: auto;
}

.banner-format h1 {
	font-size: 50px;
}

.banner-format p {
	font-size: 20px;
}

.content-format {
	text-align: center;
}

.container h2 {
	text-align: center;	
}

.profile-pic {
	border-radius: 50%;
	height: 100px;
	width: 100px;
}

.icon-layout {
	text-align: center;
}

.icon-layout h4 {
	display: inline;
    text-align: center;
}

.icon-layout img {
	padding-bottom: 3.5%;
}

.footer-layout {
	position: relative;
    bottom: 0;
    width: 100%;
    line-height: 60px;
    background-color: #f5f5f5;
    text-align: center;
}

.footer-layout .container {
	width: 100%;
}

.copyright {
	background-color: #f5f5f5;
	padding-bottom: 2px;
}