body {
	height: 100%;
	min-height: 100vh
}

h1 {
	font-size: 1.2em !important;
}

.bg-login {
	min-height: 100vh;
	height: 100%;
	background: url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-main {
	min-height: 100vh;
	height: 100%;
	background: url(../images/bg-main.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.font-2 {
	font-size: 1.3em;
}

.navbar input,
.navbar button,
.font-demi {
	font-size: 0.8em;
}

.bg-black {
	background-color: black;
}

.bg-transp {
	background-color: rgba(255, 255, 255, 0.8);
}

.bg-transp-2 {
	background-color: rgba(255, 255, 255, 0.9);
}

.font-small {
	font-size: 0.9em;
}

.bg-white {
	background-color: white;
}


.message-style {
	background-color: white;
	font-size: 0.9em;
	padding: 1em;
	display: flex;
	align-items: center;
	border: solid 1px white;
	transition: all ease-in 0.3s;
}

.message-style:hover {
	background: #f8f9fa;
	cursor: pointer;
}


@media (max-device-width:768px) and (orientation: landscape) {
	html {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
}


@media (max-width: 640px) {
	.message-object {
		display: none
	}

	.message-style {
		display: block;
	}

	.chat {
		width: auto !important;
	}

	.message-style .sender-box {
		margin-left: 0 !important
	}

	.mobile-column {
		flex-direction: column !important;
	}

}


footer {
	background-color: black;
	text-align: center;
	color: white;
	padding: 2em 0 2em 0;

}

footer a {

	color: white;
}