body {
	background: url(../img/bg.png);
	background-size: cover;
	max-width: max-content;
	margin: auto;
}

a:link, a:visited, a:active {
	color: #00749E;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

.logo {
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 540px;
	height: 275px;
	margin: auto;
	margin-bottom: 50px;
	margin-top: 20px;
}

.philo-signature {
	text-align: right;
	padding-top: 100px;
}

.alert-danger {
	background-color: #f7d2d5;
	border: 1px #F3BFC4 solid;
	font-family: verdana, arial;
	font-size: 16pt;
	margin: 30px;
	padding: 10px;
	color: #661B21;
	text-align: center;
}

.alert-info {
	background-color: #CBE9EE;
	border: 1px #B6E1E7 solid;
	font-family: verdana, arial;
	font-size: 16pt;
	margin: 30px;
	padding: 10px;
	color: #104A55;
	text-align: center;
	font-size: 16pt;
}

.welcome-message {
	font-family: verdana, arial;
	font-size: 16pt;
	text-align: center;
	font-weight: bold;
}

@media screen and (max-width: 992px) {
	.philo-signature {
		text-align: center;
	}
	
}

@media screen and (max-width: 590px) {
	.logo {
		width: 100%;
		margin: 20px;
	}
}