.main {
	background-color: #e9e9e9;
}

h1,
h2,
h3,
h4,
h5 {
	color: black;
}

@media (max-width: 992px){
  .modal-img{
    width: 100px;
  }
  
}

@media (min-width: 992px){
  .modal-img{
    width: 500px;
  }
  
}

.navbar {
	background-color: #46166b;
	border-width: 3px;
	border-color: white;
	border-style: none;
	border-bottom-style: solid;
}

.footer {
	background-color: white;
	height: 100px;
	padding-top: 30px;
	margin-top: 90px;
}

.info {
	margin-bottom: 4em;
}

.key > tbody > tr:nth-of-type(4n - 1) > td > ol {
	padding-left: 5em;
}

.key > tbody > tr:nth-of-type(4n) > td > ol {
	padding-left: 5em;
}

.brand{
	max-height: 50px;
	float: right;
	margin-left: 2rem;
}

.brand1{
	max-height: 50px;
	float: left;
	margin-left: 2rem;
}

.ribbon{
	position: absolute;
	z-index: +1;
	float: right;
	max-height: 20px;
}