@import url('https://fonts.googleapis.com/css?family=Roboto');

.main-banner{
	margin-top: 80px;
	background-image:url('./images/main2.png');
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.main-banner-content{
	padding: 10px;
	display: flex;
	color: #ffffff;
	font-weight: 500;
}

@media (max-width: 767px) {
	.main-banner-content {
	  display: none;
	}
	.login{
		float: none;
		width: 100%;
	}
  }

.login{
	min-width: 340px;
	padding: 20px;
	background: rgba(22,22,22, 0.5);
	color: #ffffff;
	border: #89d6ee solid 1px;
	border-radius: 5px;
	font-size: 12px;
	float: right;
}

.login h2{
	color: #89d6ee;
}