@media (min-width: 992px) {
	.collapse:not(.show) {
	    display: none !important;
	}
	.navbar-expand-lg .navbar-toggler {
	    display: inline-block !important;
		transform: translateX(100%) !important;
	}
	.navbar-collapse {
		width: 100%;
		text-align: center;
	}
	nav div.row {
		justify-content: space-between;
	}
	nav ul.navbar-nav {
		flex-direction: column !important;
	}
}

@media (max-width: 1200px) {
	div.inform {
		width: 50%;
	}
	.card {
		flex: 0 0 300px;
    	width: 300px;
	}
}

@media (max-width: 992px) {
	nav div.row {
		justify-content: space-between;
	}
	nav button.navbar-toggler {
		transform: translateX(100%);
	}
	nav ul.navbar-nav {
		text-align: center;
	}
	div.section div.col-lg-4 {
		margin-top: 10em;
	}
	div.section div.row {
		margin-top: 0px;
	}
	div.inform {
		width: 70%;
	}
	header img {
		width: 150%;
	}
	.card {
		flex: 0 0 345px;
    	width: 345px;
	}
	header {
		height: 400px !important;
	}
}

@media (max-width: 768px) {
	aside div.left {
		width: 100%;
	}
	aside div.right {
		width: 100%;
	}
	div.inform {
		width: 85%;
	}
	.card {
		flex: 0 0 550px;
		width: 550px;
		height: 300px;
	}
}

@media (max-width: 576px) {
	nav button.navbar-toggler {
		transform: translateX(25px);
	}
	div.container {
		padding: 0px 25px !important;
	}
	div.inform {
		width: auto;
	    left: 0;
	    bottom: 0;
	    flex-direction: column;
	    border-radius: 0;
	    justify-content: flex-start;
	    padding: 25px;
	    transform: translateX(0);
	    display: block;
	}
	div.inform > div {
		margin-bottom: 15px;
	}
	div.inform div.left {
		width: 80%;
	}
	header img {
		width: 200%;
	}
	header {
		overflow: hidden;
	}
	.card {
		flex: 0 0 400px;
		width: 400px;
		height: 300px;
	}
	div.wrapper div.containers {
		justify-content: center;
	}
}

@media (max-width: 425px) {
	header h1 {
		width: 100%;
		left: 0;
		text-align: center;
	}
	header img {
		width: 300%;
	}
	.card {
		flex: 0 0 350px;
		width: 350px;
	}
}