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

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}


/*original Blue H1s: #0166a4*/
/*new Blue H1s: #3127b6   why was this showing */ 
/*new Blue H1s: #2a22a7*/

h1 {
  font-size: 24px;
  line-height: 29px;
  font-size: 24px;
  float: left;
  width: 100%;
  margin-top: 40px;
}

.container{
    max-width:1000px;
    width: 96%;
    height: auto;
    margin: 0 auto;
    position: relative;
    clear: both;
} 

.navBarHolder{
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 0;
    color: white;
    width: 100%;
    z-index: 10;
    transition: all 0.5s; 
    background-color: #fff;
    display: none;

}

@media screen and (min-width: 767px) {
    .navBarHolder{
        padding: 20px 0;
        display: block;
    }

}

.shrinkNav{
    /*animation: mymove 1s ease-in forwards;*/
    /*animation-iteration-count: 5;*/
    padding:10px 0;
    background-color: #000;
    background-color: #ffa700; /*orange*/
}


.backgroundHack{
    background-color: #083a7e;
    background-image: url('../images2024/bgBGnoGirlNewBlue.jpg');
}


.bullsuit{
    margin: 400px 0;
}










@keyframes mymove {
  from {background-color: white;}
  to {background-color: black;}
}


.navsContainer{
    width: 96%;
    height: auto;
   /* background-color: pink;*/
    margin: 0 auto;
    display: flex;
}



/*///////////////////////////////////////footer///////////////////////////////////////*/
.footer{
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 12px;
    color: #2a22a7;
    clear: both;
    float: left;
/*    background-color: #01215e;
    background-image: url('../images2024/bgBGnoGirlNewBlue.jpg');
    background-repeat: repeat;*/
    display: inline-block;
    width: 100%;
    padding: 2% 0;
}


.footer a{
    color: #2a22a7;
    text-decoration: none;
    padding:0 6px;
}

.footer a:hover{
    text-decoration: underline;
}

.footer p{
    font-size: 12px;
    width: 100%;
}