html, body {font-family:'Source Sans Pro',sans-serif;}

body {
  width:100%;
  margin:auto;
  clear:both;
}

.container {
  width:1000px;
  margin:0 auto;
  clear:both;
}

.container-head {
  width:100%;
  margin:0 auto;
  height:80px;
  top:0;
  z-index:1000;
}



.logo {
  float:left;
  width: 25%;
  margin-top:30px;
}

.logo a:link {
  text-decoration:none;
  color:#000000;
}

.logo a:visited {
    text-decoration: none;
    color:#000000;
}

.nav {
  float:right;
  margin-top:50px;
  text-align: right;
}

ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

li {
  display:inline;
}

.border {
  padding:0 0 5px 0;
}

li a:link {
  text-align:center;
  color:#000000;
  padding: 0 7px 7px 7px;
  text-decoration:none;
}

li a:visited {
    text-decoration: none;
    color:#000000;
}

li .border:hover {
  border-bottom: 3px solid #0000ff;
  color:#000000;
}

li a:active {
  text-decoration:none;
  color:#000000;
}


.container-body {
  width:1000px;
  margin:0 auto;
  text-align:center;
  clear:both;
}

.center-text-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

img {
	max-width:100%;
	max-height:100%;
}

.description {
	margin-top:60px;
}

table {
	width:1000px;
	margin-top:100px;
}



td {
	width:20%;
	text-align:center;
}

button {
	background-color:#00BFFF;
	border:none;
	color:white;
	padding:15px 32px;
	border-radius:12px;
	font-size:16px;
	transition-duration: 0.4s;
}

button:hover {
	background-color:#0174DF;
}


button:active {
  transform: translateY(4px);
}

a:link, a:visited {
	color:white;
	text-decoration:none;
	
}

footer {
  margin-top:100px;
  text-align: center;
}

@media only screen and (max-width: 750px) {
  body {
	margin-left:10px;
	margin-right:10px;
  }
  
  table, .container-head {
  	margin-left:10px;
  	margin-right:10px;
  }
 
}