aside {
	float: left;
	width: 380px;
	height: 100vh;
	background: #fff;
	text-align: right;
	padding: 0 30px;
	display: table;
}
.container {
	vertical-align: middle;
	display: table-cell;
}
aside .main-logo {
	margin-bottom: 30%;
}
aside h4 {
	font-size: 14px;
}

main {
	height: 100vh;
	background: url(../../imagens/login.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
#box-login:after {content: ""; position: absolute; margin: 10vh 0px 0 -30px;; height: 57px; width: 46px; inset: 0; background:url(../../imagens/banner_aspas.png) no-repeat center center;}
#box-login {
	background: #fff;
	border-radius: 10px;
	padding: 6vh 30px;
	margin-top: 15vh;
}
#box-login h2 {
	font-weight: 900;
	font-size: 24px;
	color: var(--green)
}
#box-login .btn {
	width: 100%;
	background: var(--orange);
	border-color: var(--orange);
	height: 50px;
}

.modal-content {
	border-radius: 15px;
}
.modal-body {
	padding: 20px;
}
.modal h4 {
	font-size: 14px;
}
.adicionar {
	font-size: 12px;
}
.adicionar i {
	background: var(--orange);
	color: var(--white);
	border-radius: 5px;
	font-size: 11px;
	padding: 4px;
}

	
@media (max-width: 1024px) {

	aside {
		float: none;
		width: auto;
		height: auto;
		text-align: center;
		padding: 2em 0;
		/*position: absolute;*/
		top: 0;
		width: 100%;
		/*width: 50%;
		left: 25%;*/
	}
	aside .main-logo {
		height: 70px;
		margin-bottom: 0;
	}
	/*aside .social,
	aside .atendimento,
	aside .horarios  {
		display: none;
	}*/

	aside .horarios  {
		display: none;
	}

	.atendimento {
	   margin: 15px 0 0px 0;
	}

	#box-login {
		/*margin-top: 35vh;*/
		margin-top: 0;
	}

}