@media ( min-width : 1200px) {
	.container {
		width: 400px;
		margin-top: 60px;
	}
}

@media ( min-width : 992px) {
	.container {
		width: 400px;
		margin-top: 60px;
	}
}

@media ( min-width : 768px) {
	.container {
		width: 400px;
		margin-top: 60px;
	}
}

.panel-default>.panel-heading-header {
	color: #333;
	background-color: #000000;
	border-color: #ddd;
	height: 120px;
}

.btn-primary-red {
	color: #fff;
	background-color: #c30000;
	border-color: #a70a00;
}

.btn-primary-red:hover {
	background-color: #d62828;
	border-color: #d62828;
}

img {
	width: 50%;
	height: 100%;
}

h2 {
	text-align: center;
}

h3 {
	text-align: center;
}

h4 {
	text-align: center;
	color: red;
}

.input-lg-form {
	margin-bottom: 10px;
}
div.image {
	background-image: url(../img/logo-super.png);
	width: 21em;
	height: 7em;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}

body {
    background-image: url('../img/body.jpg');
    background-repeat: no-repeat;
    margin: 0 auto;
    background-size: cover;
    height: inherit;
    display: flex;
    justify-content: center;	
    align-items: center;
}

html {
    height: -webkit-fill-available;
}