nav {
  background-color: #253568;
}

.nav-links {
  display: flex;
  justify-content: space-between;

}



.nav-text {
text-decoration: none;
vertical-align: middle;
padding-right: 10px;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}

.logo img {
  height:3rem;
  margin-top: 4px;
  padding-right: 10px;
  vertical-align: middle;
  margin-left:10px
  margin-right:10px
  padding-top: 10px;
  margin-bottom: 4px;
}


.banner {
  display: flex;
  justify-content: space-between;
}


.IndexTitle{
 font-size:40px;
  color:#ffffff;
    padding-left:0.4em;
    padding-right: 0.4em;
}



@media (max-width: 480px) {


 nav {
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
          }


.navbar {
       display: flex;
       justify-content: space-between;
       align-items: center;
     }



#parent {display: table;}
     #child {
         display: table-cell;
         vertical-align: middle;
     }

 .navContainer04 {
       display: flex;
       justify-content: space-between;
       margin: 0;
       padding-top: 0;
       padding-bottom: 0;
       overflow: hidden;
       overflow: hidden;
     }


     .banner {
       display: flex;
       justify-content: space-between;
     }


}


@media (min-width: 481px) {

nav {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.navbar {
       display: flex;
       justify-content: space-between;
       align-items: center;
     }

#parent {display: table;}
#child {
    display: table-cell;
    vertical-align: middle;
}

.navContainer04 {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  overflow: hidden;
}

.banner {
  display: flex;
  justify-content: space-between;
}

}


@media (min-width: 769px) {

nav {
  width: 100%;
  padding-left: 30px;
  padding-right: 10px;
}


.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#parent {display: table;}
#child {
    display: table-cell;
    vertical-align: middle;
}

.navContainer04 {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  overflow: hidden;
}

.banner {
  display: flex;
  justify-content: space-between;
}



}

@media (min-width: 1025px) {

nav {
  width: 100%;
  padding-left: 30px;
  padding-right: 10px;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#parent {display: table;}
#child {
    display: table-cell;
    vertical-align: middle;
}

.navContainer04 {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  overflow: hidden;
}

.banner {
  display: flex;
  justify-content: space-between;
}


}

@media (min-width: 1201px) {

nav {
  width: 100%;
  padding-left: 30px;
  padding-right: 10px;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#parent {display: table;}
#child {
    display: table-cell;
    vertical-align: middle;
}

.navContainer04 {

  display: flex;
  justify-content: space-between;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  overflow: hidden;
}

.banner {
  display: flex;
  justify-content: space-between;
}

}



@media (min-width: 1701px) {

nav {
  width: 100%;
  padding-left: 30px;
  padding-right: 10px;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


#parent {display: table;}
#child {
    display: table-cell;
    vertical-align: middle;
}

.navContainer04 {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  overflow: hidden;

}

.banner {
  display: flex;
  justify-content: space-between;

}


}