:root{
  --background-color-one: #293A69;
  --background-color-two: #BF9B3A;
  --font-color: white;
  --font-color-two: red; 
  font-family: 'Roboto', sans-serif;
}

*{
  border: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

.pIndent {
  margin: 1%;
}

.div0{
  width: 98vw;
  font-size: 100%;
}

.div1{
  background-color: var(--background-color-one) ; 
  color: var(--font-color); 
  height: 33vh; 
  width: 100%;
}

.div2{
  background-color: var(--background-color-two) ; 
  color: var(--font-color); 
  height: 8vh; 
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.div3{
  display:inline-block; 
  background-color: var(--background-color-one) ; 
  color: var(--font-color); 
  height: 65vh; 
  width: 100%;
  padding: 1vh 5vw 1vh 5vw;
}

.div4{
  background-color: var(--background-color-two) ; 
  color: var(--font-color); 
  height: 65vh; 
  width: 100%;
}

.div1Int1{
  display:inline-block;
  width: 24%;
  height: 100%;
  vertical-align: top;
}

.moreSpace{
  padding-left: 30px;
}

.moreSpace2{
  padding-left: 4px;
}


.div1Int2{
  padding: 5vh 2vw 0vh 5vw;
  width: 100%;
}

.div2Int1{
  width: 100%;
  font-size: 70%;
}

/*
.div2Int2{

}
*/

.div3Int1a{
  display:inline-block;
  width: 20%;
  vertical-align: top;
  padding-top: 1vh;
}

.div3Int1b{
  display:inline-block;
  width: 39%;
  height: 100%;
  vertical-align: top;
  padding-left: 7vw;
  padding-right: 7vw;
}

.div3Int2{
  padding-top: 2vh;
}

.pIndent3{
  margin: 8%;
}

.pIndent4{
  margin: 0;
}

.pstrong{
  font-weight: 700;
}

.div4Int1a{
  display:inline-block; 
  width: 20%;
  vertical-align: top;
}

.div4Int1b{
  display:inline-block; 
  width: 39%;
  height: 100%;
  vertical-align: top;
  padding-left: 7vw;
  padding-right: 7vw;
  font-size: 85%;
}

.pIndent2{
  margin: 3%;
}

.pDisclaimer{
  font-size: 85%;
}

.div4Int2{
  padding: 5vh 2vw 0vh 5vw;
}

.link, a:link, a:visited, a:hover, a:active {
  color: var(--font-color); 
  text-decoration: none;
}