* {
    box-sizing: border-box;
}

body {
  	margin: 0;
	background-color: lightgray;
}

/* Style the header */
.header {
    background-image: url("pictures/cover.jpg");
    padding: 20px;
    text-align: center;
	color: white;
}

/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: #333;
}

/* Style the topnavigation bar links */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Style the profiles bar links */
.profile {
    text-align: center;
	}


/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Style the footer */
.footer {
    background-color: #f1f1f1;
    padding: 0px;
    text-align: center;	
}

.middle-text
	{
	text-align: center;
	}


.img-circle {
    border-radius: 50%;
	width: 110px;
}