html {
 line-height: 150%;
 background-size: cover;
 }

 .head1 {
 color: #31081F;
 font-size: 60px;
 text-align: left;
 line-height: 150%;
 margin-bottom: 0;
 }

 .head2 {
 color: #31081F;
 font-size: 20px;
 text-align: center;
 line-height: 150%;
 margin-bottom: 0;
 }

.head2alt {
color: #31081F;
font-size: 30px;
text-align: left;
line-height: 150%;
margin-bottom: 0;
padding: 20px;
}

.head0 {
 color: #54428E;
 font-size: 40px;
 text-align: center;
 line-height: 150%;
 margin-bottom: 0;
}


.navbar-toggler {
background-color: #6B0F1A;
color: white;
 }

 .navbar-toggler-icon{
 background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
 }

 .navbar-nav  li a:hover {
 color: #6B0F1A;
 }

 .navbar-brand  a:hover {
 color: #6B0F1A;
 transition: color .4s ease-in-out;
 }

.nav-item {
  color: #6B0F1A;
}

 .navbar {
 overflow: show;
 background-color: #CD8987;
 background-image: none;
 background-repeat: no-repeat;
 }

 .text {
 color: white;
 font-family: "Roboto Mono", serif;
 font-size: 16px;
 line-height: 70%;
 width: 100%;
 height:auto;
 margin:0 auto;
 }


 div {
 font-family: "Roboto Mono", serif;
 font-size: 16px;
 line-height: 150%;
 }

 .row {
 background-color: #CD8987;
 padding: 10px;
 border-radius: 5px;
 width: auto;
 margin-left: auto;
 margin-right: auto;
 line-height: 150%;
 }

 .row2 {
 background-color: #fff;
 padding: 10px;
 border-radius: 5px;
 width: auto;
 margin-left: auto;
 margin-right: auto;
 line-height: 150%;
 }

 p {
 font-family: "Roboto Mono", serif;
 font-size: 20px;
 line-height: 120%;
 }
 
 .p1 {
 font-family: "Roboto Mono", serif;
 font-size: 20px;
 line-height: 120%;
 margin-left: 70px;
 margin-right: 70px;
 margin-top: 70px;
 color: #31081F;
 }

 .p2 {
  padding: 20px;
 }

 .p3 {
  padding: 0px 20px 0px;
 }

 .img2 {
padding: 20px;
 }

 .img3 {
 max-width:100%;
 max-height:100%;
 }

.container-fluid2 {
padding-top: 70px;
   padding-bottom: 70px;
}

.bg-1 {
  background-color: #DCE0D9;
   color: #31081F;
}

.bg-2 {
  background-color: #DCE0D9;
  color: #31081F;
  padding: 10px;
}

.bg-3 {
  background-color: #CD8987;
  color: #fff;
  padding: 10px;
}

.column {
  margin: 10px;
}

.splitcontainer {
  display: flex;
}

.splitcontainer > div {
  width:50%;
}