/* Links Section */
#links .links {
	/*background-image: linear-gradient(60deg, #0077D0 0%, #00AACE 100%);*/
	display: flex;
	flex-direction: column;
	padding: 20px;
	padding-top: 100px;
	margin-top: 50px;
}
#links .left {
	background-color: white;
	text-align: center;
	flex-direction: column;
	padding: 30px;
	align-self: flex-start;
	width: 100%;
	border: 3px solid #00AACE;
}
#links .right {
	background-color: #BBBDC0;
	text-align: center;
	flex-direction: column;
	padding: 30px;
	align-self: flex-start;
	width: 100%;
	border: 3px solid #BBBDC0;
}
#links .odkaz {
	display: inline-block;
	padding: 10px 15px;
	color: white;
	background-color: #00AACE;
	font-size: 2rem;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	margin-top: 10px;
	margin-bottom: 30px;
	transition: 0.3s ease;
	transition-property: background-color, color;
}
#links .odkaz:hover {
	background-color: #0077D0;
}
/* End Links Section */

/* Media Query For Tablet */
@media only screen and (min-width: 768px) {
    /* Links Section */
	#links .links {
		/*background-image: linear-gradient(60deg, #0077D0 0%, #00AACE 100%);*/
		display: flex;
		flex-direction: column;
		padding: 20px;
		padding-top: 100px;
	}
	#links .left {
		background-color: white;
		text-align: center;
		flex-direction: column;
		padding: 30px;
		align-self: flex-start;
		width: 100%;
		border: 3px solid #00AACE;
	}
	#links .right {
		background-color: #BBBDC0;
		text-align: center;
		flex-direction: column;
		padding: 30px;
		align-self: flex-start;
		width: 100%;
		border: 3px solid #BBBDC0;
	}
	#links .odkaz {
		display: inline-block;
		padding: 10px 15px;
		color: white;
		background-color: linear-gradient(60deg, #0077D0 0%, #00AACE 100%);
		font-size: 2rem;
		text-transform: uppercase;
		letter-spacing: 0.1rem;
		margin-top: 10px;
		margin-bottom: 30px;
		transition: 0.3s ease;
		transition-property: background-color, color;
	}
	#links .odkaz:hover {
		background-color: #0077D0;
	}
	/* End Links Section */
}

/* Media Query For Desktop */
@media only screen and (min-width: 1200px) {
    /* Links Section */
	#links .links {
		/*background-image: linear-gradient(60deg, #0077D0 0%, #00AACE 100%);*/
		display: table;
		flex-direction: row;
		padding-top: 100px;
		padding-bottom: 100px;
		padding-right: 50px;
		padding-left: 50px;
	}
	#links .left {
		background-color: white;
		text-align: center;
		flex-direction: column;
		padding: 30px;
		align-self: flex-start;
		width: 40%;
		display: table-cell;
		border: 3px solid #00AACE;
	}
	#links .right {
		background-color: #BBBDC0;
		text-align: center;
		flex-direction: column;
		padding: 30px;
		align-self: flex-start;
		width: 40%;
		display: table-cell;
		border: 3px solid #BBBDC0;
	}
	#links .odkaz {
		display: inline-block;
		padding: 10px 15px;
		color: white;
		background-color: #00AACE;
		font-size: 2rem;
		text-transform: uppercase;
		letter-spacing: 0.1rem;
		margin-top: 10px;
		margin-bottom: 30px;
		transition: 0.3s ease;
		transition-property: background-color, color;
	}
	#links .odkaz:hover {
	background-color: #0077D0;
	}
	/* End Links Section */
}