@media (max-width: 1200px) {
	.main-content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		/*align-content: space-between;*/
		width: 80vw;
	}

	.menu-left, .menu-right {
		margin: 0;
		padding: 0;
		width: 10vw;
	}
}
@media (max-width: 992px) {
	#alert .msg { top: 40%; }
	#alert .msg .icon { font-size: 40px; width: 100%;  padding: 16px 20px; }
	#alert .msg .titles { width: 100%; padding: 20px; }
	#alert .msg .titles h2,
	#alert .msg .titles h3 { text-align: center; }
	#alert .msg .fa-times { top: 21%; opacity: .5; }

	h1, h2 {
	  /*font-family: 'Roboto 300', sans-serif;*/
	  /*text-transform: uppercase;*/
	  font-size: 1.5rem;
	  letter-spacing: 1rem;
	}

	p {
	  font-size: 1.25rem;
	  line-height: 2rem;
	  /*letter-spacing: 0.25rem;*/
	  /*padding: 10px 0;*/
	}

	.form-control, label, input, textarea, form button {
	  font-size: 1.5rem;
	  line-height: 2rem;
	  /*letter-spacing: 0.25rem;
	  font-weight: normal;*/
	}

	.right-content div { width: 100%; }
	/*.right-content form { max-width: 100%; }*/

	.block-top-open { height: 90vh; }
	.block-left-open, .block-right-open { width: 90vw; }

	.main-content div:nth-child(2) { margin-bottom: 50px; }
}
@media (max-width: 768px) {
	.content-head { flex-direction: column; }
	.content-head { height: 20vh; }

	.logo img { 
		/*max-width: 250px;*/
		margin: 10px;
	}

	.content-body { height: 65vh; }

	.phrase { width: 100%; }

	.main-content {	width: 65vw; }
	.main-content img { max-width: 90%; }

	.menu-left, .menu-right { width: 15vw; }

	.signature, .create-logo { 
		background: rgb(218, 19, 17, 0.75);
		padding: 18px;
		height: 57px;
	}

	.menu-bottom, .create-logo { display: flex; }

	.menu-bottom { justify-content: center; }
	.create-logo { justify-content: flex-end; }
}
@media (max-width: 440px){
	.content-head, .content-footer { flex-direction: column; }

	.content-head { height: 30vh; }

	.logo img { 
		max-width: 250px;
		margin: 10px;
	}

	.content-body { height: 45vh; }

	.main-content { width: 60vw; }

	.main-content div:nth-child(2) { margin-bottom: 0; }

	.menu-left, .menu-right { width: 20vw; }

	.content-footer-mobile { 
		height: 25vh;
		align-items: flex-end;
		margin: 0;
		padding: 0;
		padding-top: 10px;
	}

	.menu-bottom { padding: 0px; }

	.signature, .create-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		height: 33px;
	}
	.block-left-open, .block-right-open { width: 100vw; }
	.right-content div { max-width: 90%; }
}

@media (max-height: 600px){
	.form-group {
	    margin-bottom: 5px;
	}
}