* {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
   background-color: white;
   /* position: relative; */
   size: letter;
   font-size: 20px;
   font-family: arial;
   font-weight: normal;
   /* line-height: 1.5;*/
}

/*.headerBar {
   display: flex;
   position: relative;
   flex-flow: row nowrap;
   margin-top: 1.2vw;
   margin-bottom: 1.4vw;
   width: 100%;
   border: 2px solid orange;
}*/

/*.headerBar .headerIcon {
   display: flex;
   position: relative;
   flex-flow: column;
   justify-content: space-around;
   align-items: left;
   margin-right: auto;
   padding-left: 3vw;
   width: 20vw;
   height: auto;
   border: 2px solid red;
}*/

/*.headerIcon img {
   width: 40%;
   height: auto; 
}*/

/*.headerBar .headerList {
   display: flex;
   position: relative;
   flex-flow: row nowrap;
   width: 80vw;
   border: 2px solid red;
}*/

/*.headerList .header-nav-list {
   list-style-type: none;
   margin-left: auto;
   margin-right: 5vw;
   text-align: right;
}*/

/*.header-nav-list .header-list-item {
   display: inline-block;
   padding-top: 2vw;
   padding-bottom: 1vw;
}*/

/*.headerBar a {
   color: #0076C6;
   padding-left: 2vw;
   font-weight: bold;
   font-size: calc( 0.65rem + (1.1 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));
   text-decoration: none;
}*/

.navbar {
   background-color: white;
   color: black;
   display: flex;
   justify-content: space-around;
   align-items: center;
   margin-right: 25vw;
   margin-top: 2vw;
   margin-bottom: 2vw;
   -webkit-flex-wrap: wrap;
   -webkit-align-items: center;
   -webkit-justify-content: space-around;
   font-size: 20px;
}

.navbar a {
   color: black;
   text-decoration: none;
}

.navbar a:hover {
   color: #0076C6;
}

.nav-list {
   list-style-type: none;
}

.nav-list .list-item {
   display: inline-block;
   padding: 20px 10px;
}

.menu {
   display: none;
}

.menu-line {
   width: 20px;
   height: 3px;
   background-color: green;
   margin-bottom: 4px;
}

.heroContainer {
   display: flex;
   position: relative;
   flex-flow: row nowrap;
   justify-conent: space-around;
   align-items: center;
   width: 100vw;
   margin-bottom: 4vw;
   /*border: 2px solid orange;*/
}

.heroContainer img {
   width: 100vw;
   height: auto;
}

.heroContainer .heroContainerImgItem {
   width: 100%;
   height: auto;
   /*margin-left: auto;
   margin-right: auto;*/
}

.heroTextOverlay {
   display: block;
   position: absolute;
   margin-left: 5vw;
   width: 40vw;
   color: white;
   line-height: 1.2;
   /*font-size: calc( 0.75rem + (1.85 - 0.75) * ((100vw - 28rem) / (77.5 - 28)));*/
   font-size: calc( 0.75rem + (1.55 - 0.75) * ((100vw - 28rem) / (77.5 - 28)));
   background-color: transparent;
   /*border: 2px solid yellow;*/
}

.learnContainer {
   display: flex;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   width: 90vw;
   flex-flow: column;
   justify-conent: space-around;
   align-items: center;
   /*border: 2px solid orange;*/
}

.learnContainer img {
   width: 100%;
   height: auto;
}

.learnContainer p {
   display: flex;
   width: 70vw;
   padding-top: 4vw;
   margin-bottom: 5vw;
   color: #0076C6;
   line-height: 1.4;
   /*font-size: calc( 0.65rem + (1.75 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));*/ 
   font-size: calc( 0.65rem + (1.5 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));
   text-align: center;
   /*border: 2px solid yellow;*/
}

.pbold {
   font-weight: bold;
}

.midContainer {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  width: 90vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2vw;
  /*border: 2px solid red;*/   
}

.midContainer .block1ContainerLeft {
  display: block;
  position: relative;
  width: 45vw;
  height: auto;
  /*border: 2px solid green;*/
}

.block1ContainerLeft img {
   display: block;
   width: 100%;
   height: auto;
   object-position: top left;
   object-fit: cover;
}

.midContainer .block1ContainerRight {
  display: flex;
  flex-flow: column;
  position: relative;
  background-color: #7492A6;  
  width: 45vw; 
  justify-content: center; 
  /*border: 2px solid orange;*/
}

.block1ContainerRight p {
   /*display: inline-block;*/
   padding-left: 4vw;
   padding-right: 4vw;
   color: #FFFFFF;
   line-height: 1.4;
   font-size: 1.75rem;
   /*font-size: calc( 0.65rem + (1.7 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));*/
   font-size: calc( 0.65rem + (1.45 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));
   background-color: transparent;
   /*border: 2px solid yellow;*/
}

.block1ContainerRight strong {
   color: #FFFFFF;
   line-height: 1.4;
   font-size: calc( 0.65rem + (1.75 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));
   font-size: calc( 0.65rem + (1.45 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));
   font-weight: bold;
   background-color: transparent;
}

.block1ContainerRight .clear {
   line-height: 0;
   font-size: 0;
   height: 1vw;
   background-color: transparent;
}

.midContainer .block2ContainerLeft {
  display: flex;
  flex-flow: column;
  position: relative;
  justify-content: center;
  width: 45vw;
  /*border: 2px solid orange;*/
}

.block2ContainerLeft img {
   display: block;
   width: 14vw;
   height: auto;
   margin-left: 4vw;
   padding-bottom: 2vw;
   /*border: 2px solid yellow;*/
}

.block2ContainerLeft p {
  padding-left: 4vw;
  padding-right: 4vw;
  text-align: left;
  color: #0076C6;
  line-height: 1.4;
  font-size: calc( 0.65rem + (1.75 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));
  font-size: calc( 0.65rem + (1.45 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));
  /*border: 2px solid blue;*/
}

.block2ContainerLeft .clear {
   line-height: 0;
   font-size: 0;
   height: 1vw;
}

.block2ContainerLeft .block2ImgItemLeft {
   width: 14vw;
   height: auto;
   margin-left: 5vw;
   padding-bottom: 2vw;
}

.midContainer .block2ContainerRight {
  display: block;
  position: relative;
  width: 45vw;
  height: auto;
  /*border: 2px solid green;*/
}

.block2ContainerRight img {
   display: block;
   width: 100%;
   height: auto;
   object-position: top left;
   object-fit: cover;
}

.block3Container {
  display: flex;
  position: relative;
  flex-flow: column;
  width: 90vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2vw;
  /*border: 2px solid red;*/ 
}

.block3Container img {
   display: block;
   width: 90vw;
   height: auto;
}

.block3Container .b3row1Text {
   display: block;
   position: absolute;
   width: 90vw;
   padding-top: 8vw;
   text-align: center;
   color: #FFFFFF;
   font-size: 1.6rem;
   font-size: calc( 0.72rem + (1.6 - 0.72) * ((100vw - 28rem) / (77.5 - 28)));
   font-size: calc( 0.72rem + (1.4 - 0.72) * ((100vw - 28rem) / (77.5 - 28)));
   background-color: transparent;
   /*border: 2px solid orange;*/
}

.block3Container .b3row2Text {
   display: block;
   position: absolute;
   width: 90vw; 
   padding-top: 20vw;
   padding-left: 10vw;
   padding-right: 10vw;
   text-align: center;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 1.6rem;
   font-size: calc( 0.75rem + (1.7 - 0.75) * ((100vw - 28rem) / (77.5 - 28)));
   font-size: calc( 0.75rem + (1.45 - 0.75) * ((100vw - 28rem) / (77.5 - 28)));
   background-color: transparent;
   /*border: 2px solid yellow;*/
}

.block3Container .b3row3Text {
   display: block;
   position: absolute;
   width: 90vw; 
   padding-top: 31vw;
   text-align: center;
   color: #FFFFFF;
   font-size: 1.6rem;
   font-size: calc( 0.72rem + (1.6 - 0.72) * ((100vw - 28rem) / (77.5 - 28)));
   font-size: calc( 0.72rem + (1.4 - 0.72) * ((100vw - 28rem) / (77.5 - 28)));
   background-color: transparent;
   /*border: 2px solid yellow;*/
}

.block3Container a {
   color: #FFFFFF;
   font-size: calc( 0.72rem + (1.6 - 0.72) * ((100vw - 28rem) / (77.5 - 28)));
   font-size: calc( 0.72rem + (1.4 - 0.72) * ((100vw - 28rem) / (77.5 - 28)));
   background-color: transparent;
   text-decoration: none;
}

.b3row3FormPosition {
   padding-top: 31vw;  
}

.block3Container .block3HR1 {
   display: block;
   position: absolute;
   width: 80%;
   height: 3px;
   margin-top: 8vw;
   margin-top: 15vw;
   margin-left: 10vw;
   margin-right: auto;
   background-color:#FFFFFF;
   opacity: 0.5;
}

.block3Container .block3HR2 {
   display: block;
   position: absolute;
   width: 80%;
   height: 3px;
   margin-top: 27vw;
   margin-left: 10vw;
   margin-right: auto;
   background-color:#FFFFFF;
   opacity: 0.5;
}

.contactFormInputControl {
   width: 20vw;
   height: 3vw;
   border: none;
   outline: none;
   border-bottom: 1px solid gray;
   color: #000000;
   font-size: calc( 8px + (35 - 8) * ((100vw - 375px) / (2000 - 375)));
}

.submit {
   width: 10vw;
   background: #FF5722;
   color: #FFFFFF;
   font-weight: bold;
}

/*.footerBar {
   display: flex;
   position: relative;
   flex-flow: row nowrap;
   margin-top: 1vw;
   margin-bottom: 2vw;
   width: 100%;
   border: 2px solid orange;
}*/

/*.footerBar .footerIcon {
   display: flex;
   position: relative;
   flex-flow: column;
   justify-content: space-around;
   align-items: left;
   margin-right: auto;
   padding-left: 5vw;
   width: 20vw;
   height: auto;
   border: 2px solid red;
}*/

/*.footerIcon img {
   width: 40%;
   height: auto; 
}*/

/*.footerBar .footerTextList {
   display: flex;
   position: relative;
   flex-flow: column;
   align-self: flex-end;
   text-align: right;
   padding-bottom: 1vw;
   width: 50vw;
   height: auto;
   border: 2px solid blue;
}*/

/*.footerBar .footerList {
   display: flex;
   position: relative;
   flex-flow: row nowrap;
   align-self: flex-end;
   width: 30vw;
   height: auto;
   border: 2px solid red;
}*/

/*.footerList .footer-nav-list {
   list-style-type: none;
   margin-left: auto;
   margin-right: 5vw;
   text-align: right;
}*/

/*.footer-nav-list .footer-list-item {
   display: inline-block;
   padding-bottom: 1vw;
}*/

/*.footer-nav-list .footer-list-text-item {
   display: inline-block;
   padding-top: 2vw;
   margin-right: 5vw;
   color: #0076C6;
   text-decoration: none;
   font-size: calc( 0.5rem + (0.65 - 0.5) * ((100vw - 28rem) / (77.5 - 28)));   
}*/

/*.footerList a {
   color: #0076C6;
   font-size: calc( 0.65rem + (1.1 - 0.65) * ((100vw - 28rem) / (77.5 - 28)));
}*/

/*.footerTextList p {
   color: #0076C6;
   text-decoration: none;
   font-size: calc( 0.5rem + (0.65 - 0.5) * ((100vw - 28rem) / (77.5 - 28)));
}*/

.TempContainer {
   display: flex;
   position: relative;
   flex-flow: column;
   justify-content: space-around;
   align-items: center;
}

.TempContainer .tmpImgContainer {
   padding-top: 10vw;
   width: 100%;
   height: auto;
}

.TempContainer .tmpTextContainer {
   padding-top: 4vw;
   font-family: Arial;
   /*font-size: 48px;*/
   font-size:calc( 50px + (105 - 50) * ((100vw - 980px) / (2000 - 980)));
   font-weight: bold;
   color: #0076C6;
}

@media all and (max-width:480px) {
   /*.primary-icon {
      height: 11vw;
      margin-left: 20px;
      margin-top: 10px;
   }*/
   
   /*.container_icon {
      width: 100%;
   }*/
   
   /*.navbar {
      flex-direction: column;
   }
   
   .nav-list {
      list-style-type: none;
      width: 100%;
      text-align: center;
      padding-top: 10px;
      display: none;
   }

   .nav-list .list-item {
      display: block;
      border-top: 1px solid black;
   }
   
   .menu {
      display: block;
      position: absolute;
      right: 15px;
      top: 15px;
   }
   
   .active {
      display: block;
   }*/
}

@media screen and (min-width:480px) {
   
   .mobile-break {
      display: none;
   }
}

@media all and (max-width:720px) {

   .block3Container .b3row2Text { 
      padding-top: 18vw;
      /*font-size: calc( 0.75rem + (1.7 - 0.75) * ((100vw - 28rem) / (77.5 - 28)));*/
   }
   
   .block3Container .block3HR2 {
      margin-top: 28vw;
   }
}

@media all and (max-width:480px) {
   
   .heroTextOverlay {
      margin-left: 5vw;
      margin-top: 15vw;
      width: 80vw;
      font-size: 1.65rem;
   }
   
   .learnContainer p {
      width: 90vw;
      margin-top: 3vw;
      padding-top: 0;
      font-size: 0.9rem;
      text-align: left;
   }
   
   .learnContainer img {
      padding-left: 10vw;
      width: 80%;
      height: auto;
   }
   
   .midcontainer {
      flex-flow: column;
      align-items: center;
   }
   
   .midcontainer .block1ContainerLeft {
      width: 90vw;
      height: auto;
   }
   
   .midcontainer .block1ContainerRight {
     padding-top: 3vw;
     padding-bottom: 3vw;
     width: 90vw;
     height: auto;
   }
   
   .block1ContainerRight p {
     padding-top: 10vw;
     padding-bottom: 10vw;
     font-size: 0.9rem;
     text-align: left;
   }
   
   .block1ContainerRight strong {
      font-size: 0.9rem;
   }
   
   .block1ContainerRight .clear {
      height: 0;
   }
   
   .midcontainer .block2ContainerLeft {
      padding-top: 5vw;
      padding-bottom: 5vw;
      width: 90vw;
      height: auto;
   }
   
   .midcontainer .block2ContainerRight {
      width: 90vw;
      height: auto;
   }
   
   .block2ContainerLeft img {
      display: block;
      width: 35vw;
      height: auto;
      margin-left: 0vw;
      padding-bottom: 2vw;
   }
      
   .block2ContainerLeft p {
     font-size: 0.9rem;
     padding-left: 0;
     text-align: left;
   }
   
   .block2ContainerLeft .clear {
      height: 1.5vw;
   }
   
   .block3Container {
      margin-top: 5vw;
   }
   
   .block3Container .b3row1Text {
      padding-top: 10vw;
      padding-left: 5vw;
      padding-right: 10vw;
      text-align: left;
      font-size: 1.3rem;
   }
   
   .block3Container .b3row2Text {
      padding-top: 40vw;
      padding-left: 5vw;
      padding-right: 10vw;
      text-align: left;
      /* font-size: 1.4rem; */
      font-size: 1.23rem;
   }
   
   .block3Container .b3row3Text {
      padding-top: 85vw;
      padding-left: 5vw;
      padding-right: 10vw;
      text-align: left;
      font-size: 1.1rem;
   }
   
   .block3Container .block3HR1 {
      opacity: 0;
   }
   
   .block3Container .block3HR2 {
      opacity: 0;
   }
   
   .block3Container a {
      font-size: 1.1rem;
   }
   
   /*.headerBar .headerIcon {
      padding-left: 2vw;
   }*/
   
   /*.headerIcon img {
      width: 80%;
      height: auto; 
   }*/
   
   /*.header-nav-list .header-list-item {
      padding-top: 4vw;
   }*/
   
   /*
.headerBar a {
      font-size: 0.85rem;
   }
*/
   
   /*
.footerIcon img {
      width: 80%;
      height: auto; 
   }
*/
   
   /*
.footerList a {
      font-size: 0.575rem;
   }
*/
   
   /*
.footerBar .footerList {
      width: 33vw;
   }
*/

   
   /*
.footerbar .footerTextList {
      width: 47vw;
      font-size: 0.4rem;
   }
*/
   
   /*
.footerTextList p {
      text-align: center;
      font-size: 0.4rem;
   }
*/
}

@media all and (max-width:375px) {
   
   .block3Container .b3row3Text {
      padding-top: 88vw;
      padding-left: 5vw;
      padding-right: 10vw;
      text-align: left;
      font-size: 1rem;
   }
   
   .block3Container a {
      font-size: 1rem;
   }
}

@media all and (max-width:320px) {
   
   .heroTextOverlay {
      margin-left: 5vw;
      margin-top: 22vw;
      width: 65vw;
      font-size: 1.4rem;
   }
   
   .block3Container .b3row1Text {
      padding-top: 5vw;
      padding-left: 5vw;
      padding-right: 10vw;
      text-align: left;
      font-size: 1rem;
   }
   
   .block3Container .b3row2Text {
      padding-top: 38vw;
      padding-left: 5vw;
      padding-right: 10vw;
      text-align: left;
      /* font-size: 1.1rem; */
      font-size: 1.1rem;
   }
   
   .block3Container .b3row3Text {
      padding-top: 85vw;
      padding-left: 5vw;
      padding-right: 10vw;
      text-align: left;
      font-size: 0.8rem;
   }
   
   .block3Container .block3HR1 {
      opacity: 0;
   }
   
   .block3Container .block3HR2 {
      opacity: 0;
   }
   
   .block3Container a {
      font-size: 0.8rem;
   }
}