@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');
html {
	height: 100%;
	margin: 0;
}

body {
	font-family: 'Montserrat', sans-serif;
	height: 100%;
}

nav {
	background-color: #eee;
}

/*.tx2 {
	text-align: center;
}*/

pre {
	background-color: #222f44;
	color: #efe0d5;
}

table, th, td {
    border: 1px solid black;
	padding: 5px;
}

th {
	text-align: center;
}

table {
    width: 50%;
}

.form {
	width: 600px;
	margin: auto;
	height: 170px;
}

#input1 {
	width: 70%;
	height: 60px;
	background: none;
	border: none;
	border-bottom: 1px solid #34495e;
	outline: none;
	font: 300 28px 'Ubuntu', sans-serif;
	padding: 20px;
	color: #34495e;
	margin-bottom: 16px;
}

.tx1 {
	margin-right: 2px;
	margin-left: 7px;
}

.tx3 {
	font: 500 26px 'Ubuntu', sans-serif;
	margin-right: 20px;
}

.tx4 {
	width: 50%;
	height: calc(2.25rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ax1 {
	font-size: 1.25rem;
	font-weight: 300;
}

.tx8 {
	font: 500 26px 'Ubuntu', sans-serif;
	color: black;
}

.ax2 {
	text-align: center;
	left: 0;
	width: 100%;
}

.bx1 {
	display: none;
}

@media (max-width: 792px) {
	.bx1 {
		display: inline;
	}
	.form {
		width: 80%;
	}
	.tx4 {
		width: 70%;
	}
	.bx2 {
		display: none;
	}
}

@media (min-width: 100px) {
	.ax4 {
		max-width: 80%;
	}
	.ax5 {
		margin-top: 15px;
	}
}

@media (min-width: 576px) {
	.ax4 {
		max-width: 80%;
	}
	.ax5 {
		margin-top: 15px;
	}
}

@media (min-width: 800px) {
	.ax4 {
		max-width: 80%;
	}
	.ax5 {
		margin-top: 30px;
	}
}

@media (min-width: 1100px) {
	.ax4 {
		max-width: 80%;
	}
	.ax5 {
		margin-top: 45px;
	}
}

@media (min-width: 1300px) {
	.ax4 {
		max-width: 80%;
	}
	.ax5 {
		margin-top: 40px;
	}
}

@media screen and (min-width: 1500px) {
	.ax2 {
		bottom: 150px;
	}
	.tx2 {
		font-size: 24px;
	}
	.ax1 {
		font-size: 1.45rem;
	}
	.ax4 {
		max-width: 80%;
	}
	.ax5 {
		margin-top: 55px;
	}
}

@media screen and (min-width: 1750px) {
	.tx2 {
		font-size: 24px;
	}
	.ax1 {
		font-size: 1.45rem;
	}
	.ax4 {
		max-width: 80%;
	}
	.ax5 {
		margin-top: 100px;
	}
	.form {
		margin-bottom: 80px;
	}
}

.ax4 {
	height: 100%;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

a {
	color: black;
}

.search {
	border: none;
	background: white
}

.search:focus {
	outline: none;
}

.search:hover {
	color: #338bc1;
    cursor:pointer;
}