body, html {
  height: 100%;
  margin: 0;
}

.bg {
  /* background-image: url("../img/backgrounds/background.jpg"); */
  background-color: black;
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1601px) {
	img {
	  width: 100%;
	  height: auto;
	}
	.vertical-center {
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
	}
	.container {
	  width: 100%;
	  padding-right: 15px;
	  padding-left: 15px;
	  margin-right: auto;
	  margin-left: auto;
	}
	.h-100 {
	  height: 100% !important;
	}
	.img-fluid-logo {
	  max-width: 60%;
	  height: auto;
	  margin-top: 80px;
	}
	.img-fluid-choice {
	  max-width: 70%;
	  height: auto;
	}
	.justify-content-center {
	  justify-content: center !important;
	}
	.text-center {
	  text-align: center !important;
	}
	.align-items-center {
	  align-items: center !important;
	}
}

@media (max-width: 1600px) {
	img {
	  width: 100%;
	  height: auto;
	}
	.vertical-center {
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
	}
	.container {
	  width: 100%;
	  padding-right: 15px;
	  padding-left: 15px;
	  margin-right: auto;
	  margin-left: auto;
	}
	.h-100 {
	  height: 100% !important;
	}
	.img-fluid-logo {
	  max-width: 70%;
	  height: auto;
	  margin-top: 30px;
	}
	.img-fluid-choice {
	  max-width: 100%;
		max-height: 100%;
	  height: auto;
	}
	.justify-content-center {
	  justify-content: center !important;
	}
	.text-center {
	  text-align: center !important;
	}
	.align-items-center {
	  align-items: center !important;
	}
}

@media (max-height: 800px) {
	img {
	  width: 100%;
	  height: auto;
	}
	.img-fluid-logo {
	  max-width: 60%;
	  height: auto;
	  margin-top: 75px;
	}
	.img-fluid-choice {
	  max-width: 80%;
	  max-height: 80%;
	  height: auto;
	}
}

@media (max-height: 500px) {
	img {
	  width: 100%;
	  height: auto;
	}
	.img-fluid-logo {
	  max-width: 50%;
	  height: auto;
	  margin-top: 20px;
	}
	.img-fluid-choice {
	  max-width: 60%;
	  max-height: 60%;
	  height: auto;
	}
}