
.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
    margin-top: 8em;
	margin-bottom: -2em;
  }
  @media (min-width: 576px) {
	.container {
	  max-width: 540px;
	}
  }
  @media (min-width: 768px) {
	.container {
	  max-width: 720px;
	}
  }
  @media (min-width: 992px) {
	.container {
	  max-width: 800px;
	}
  }
  @media (min-width: 1200px) {
	.container {
	  max-width: 800px;
	}
  }
  .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
  }
  .col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }
  .col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
  }
  .form-control {
	display: block;
	width: 100%;
	padding: 0;
	font-size: 1rem;
	line-height: 1.5;
	background-clip: padding-box;
	font-weight: 500;
	font-family: Montserrat, sans-serif;
  }
  .form-control::-ms-expand {
	background-color: transparent;
	border: 0;
  }
  .form-control::-webkit-input-placeholder {
	color: #868e96;
	opacity: 1;
  }
  .form-control::-moz-placeholder {
	color: #868e96;
	opacity: 1;
  }
  .form-control:-ms-input-placeholder {
	color: #868e96;
	opacity: 1;
  }
  .form-control::-ms-input-placeholder {
	color: #868e96;
	opacity: 1;
  }
  .form-control:disabled {
	background-color: #e9ecef;
	opacity: 1;
  }
 .form-group {
	margin-bottom: 2rem;
  }
  .alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
  }
  .alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
  }
    @media screen and (max-width: 54em) {
	.container {
		margin-top: 6em;
	  }

  }