.myBoxes {
padding: 0px 10px 10px 20px;
padding: 0px 10px 10px 10px;
background: rgb(255,255,255);
/* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,253,253,1) 75%, rgba(247,247,247,1) 100%); /* FF3.6+ */;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(75%,rgba(253,253,253,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */;
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 75%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */;
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 75%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */;
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 75%,rgba(247,247,247,1) 100%); /* IE10+ */;
    background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(253,253,253,1) 75%,rgba(247,247,247,1) 100%); /* W3C */;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */;
    -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
border: 1px #CDCDCD solid;
border-radius: 5px;
}




#nav {
  width: 975px;
  float: left;
  margin: 16px 0 13px 0;
  padding: 0;
  list-style: none;
  background-color: #666666;
  border-bottom: 1px solid #666666;
  border-top: 1px solid #666666; }
#nav li {
  float: left; }
#nav li a {
  display: block;
  padding: 8px 19px;
  text-decoration: none;
  font-weight: bold;
  font-size:12px;
  color: #ffffff;
  border-right: 1px solid #666666; }
#nav li a:hover {
  color: #ffffff;
  background-color: #333333; }
/* End primary navigation bar styling. */

  #nav1 {
  width: 975px;
  float: left;
  margin: 0 0 3em 0;
  padding: 0;
  list-style: none;
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff; }
#nav1 li {
  float: left; }
#nav1 li a {
  display: block;
  padding: 8px 15px;
  text-decoration: none;
  font-weight: bold;
  font-size:70%;
  color: #000000;
  border-right: 1px solid #ffffff; }
#nav1 li a:hover {
  color: #c00;
  background-color: #ffffff; }
/* End secondary navigation bar styling. */
   
.myBoxesWhiteBackground {
padding: 10px;
width:450px;
height:200px;
background: rgb(255,255,255);

    -webkit-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 1px 0px rgba(50, 50, 50, 0.5);
border: 1px #CDCDCD solid;
border-radius: 5px;
}





   #nav1 {

      border-bottom: 1px solid #f2f2f2;
      border-top: 1px solid #f2f2f2;}

   #nav1 li a {      

      border-right: 1px solid #f2f2f2; }


a:link {color:blue;}    /* unvisited link */

a:visited {color:blue;} /* visited link */

a:hover {color:red;}   /* mouse over link */

a:active {color:red;}  /* selected link */




            BODY {font-family:"Arial"; background-color: #f2f2f2;  margin:0px;padding:0px;text-align:center;min-width:1046px;}





            p {font-family: Arial; }

input.button1 {
    background-color: #259bdd;
    box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  border-radius: 8px;
    padding: 5px 12px;
    font-size: 50px;
    border: none;
    color: yellow;  
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}



            h1 {font-size: 275%; font-weight: normal;} 
            h2 {font-family: 'Capriola', sans-serif; font-size: 175%; font-weight: normal; color:#cc0000; text-shadow: 4px 4px 4px #aaa;}
            h3 {font-size: 130%; font-weight: normal; text-align: left; margin-left: 50px;}
           




            FORM {margin:0;padding:0;}



         @media screen and (min-width: 1001px){
         #nav1{
         margin-bottom: 28px;
         }
         }




            #centerwrapper {text-align:left; width:975px; margin-left:auto; margin-right:auto;}




@media screen and (max-width: 1000px){
  body, #nav, #nav1, #content,iframe,#centerwrapper,.myBoxesGrayBackground,.myBoxesWhiteBackground{
    max-width: 100%;
    width: 100% !important;
    min-width: 100% !important;
  }
  *{
    margin-right: 0 !important;
    margin-left: 0 !important;

  }
  p{
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100%;
    display: block;
    float: none;


  }
  img{
    width: 100%;
    height: auto;
  }
  #nav1 li a{

    display: block;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  ul, ol, li{
    /*display: inline;*/

  }
  #nav li{
    text-align: center;
  }
  *{
    /*border: 1px solid;*/
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .myBoxesGrayBackground, #content{
    margin-top: 10px !important;
    height: auto !important;
  }
  #centerwrapper{
    width: 90% !important;
    min-width: 90% !important;
    margin-left: 3% !important;
  }
  .myBoxesGrayBackground, .myBoxesWhiteBackground{
    padding: 0 2% !important;
    height: auto !important;


  }
  #nav{
    margin-left: 3% !important;
  }
  li{
    list-style-position: inside;
  }
  #content div{
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  h1, h2{
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
    #nav li, #nav1 li{
    margin-bottom: 10px;
    margin-top: 10px;
  }
    #nav li a, #nav1 li a{
    font-size: 14px;
  }
  #centerwrapper{
    margin: auto !important;
  }
  #nav{
    margin-left: 0 !important;
  }
  .vaultimg{
      width: 150px;
      float: left !important; 
      margin-top: 40px;
  }
  img[src='https://www.paypalobjects.com/en_US/i/scr/pixel.gif']{
    width: 1px !important; height: 1px !important;
  }





  .myBoxesGrayBackground, .myBoxesWhiteBackground{
    box-sizing: border-box;
    
  }
  
  #centerwrapper{
    margin: auto !important;
  }
  #nav{
    margin-left: 0 !important;
  }




  .myBoxesGrayBackground, .myBoxesWhiteBackground, .myBoxes{
    box-sizing: border-box;
    padding: 10px 15px 15px !important;            



    
  }
  .myBoxes{
    width: 100% !important;
    margin-left: 0 !important;
        margin-top: 40px !important;

  }
  
  #content li{
    list-style-position: outside;
    margin-left: 25px !important;
}



  .smaller_title{
    font-size: 50px !important;
  }
  .smaller_title+div{
    margin-top: 40px !important;
  }
}


  
     .button1 {
    font-size: 80% !important;
    margin-bottom:20px !important;
    padding-left:10px !important;
    padding-right:10px !important;
}

    @keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #3E1E68;
    overflow: hidden;
    z-index: -1;
}

.background span {
    width: 20vmin;
    height: 20vmin;
    border-radius: 20vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 45s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #FFACAC;
    top: 6%;
    left: 7%;
    animation-duration: 12s;
    animation-delay: -44s;
    transform-origin: 22vw -11vh;
    box-shadow: -40vmin 0 5.407201880090833vmin currentColor;
}
.background span:nth-child(1) {
    color: #583C87;
    top: 20%;
    left: 30%;
    animation-duration: 53s;
    animation-delay: -50s;
    transform-origin: 14vw 0vh;
    box-shadow: -40vmin 0 5.5499011529003885vmin currentColor;
}
.background span:nth-child(2) {
    color: #FFACAC;
    top: 6%;
    left: 75%;
    animation-duration: 31s;
    animation-delay: -35s;
    transform-origin: 15vw -12vh;
    box-shadow: -40vmin 0 5.393415399374565vmin currentColor;
}
.background span:nth-child(3) {
    color: #583C87;
    top: 41%;
    left: 72%;
    animation-duration: 34s;
    animation-delay: -40s;
    transform-origin: 6vw -13vh;
    box-shadow: 40vmin 0 5.121973125358719vmin currentColor;
}
.background span:nth-child(4) {
    color: #FFACAC;
    top: 76%;
    left: 8%;
    animation-duration: 14s;
    animation-delay: -42s;
    transform-origin: -17vw -7vh;
    box-shadow: -40vmin 0 5.786337343643884vmin currentColor;
}
.background span:nth-child(5) {
    color: #E45A84;
    top: 17%;
    left: 76%;
    animation-duration: 24s;
    animation-delay: -27s;
    transform-origin: 1vw 19vh;
    box-shadow: -40vmin 0 5.026887458239887vmin currentColor;
}
.background span:nth-child(6) {
    color: #FFACAC;
    top: 9%;
    left: 29%;
    animation-duration: 10s;
    animation-delay: -1s;
    transform-origin: 20vw -12vh;
    box-shadow: -40vmin 0 5.144731639112742vmin currentColor;
}
.background span:nth-child(7) {
    color: #583C87;
    top: 46%;
    left: 16%;
    animation-duration: 17s;
    animation-delay: -49s;
    transform-origin: 17vw -19vh;
    box-shadow: 40vmin 0 5.519660678528814vmin currentColor;
}
.background span:nth-child(8) {
    color: #FFACAC;
    top: 61%;
    left: 75%;
    animation-duration: 37s;
    animation-delay: -17s;
    transform-origin: 10vw -23vh;
    box-shadow: -40vmin 0 5.7305377779104205vmin currentColor;
}
.background span:nth-child(9) {
    color: #E45A84;
    top: 96%;
    left: 5%;
    animation-duration: 6s;
    animation-delay: -44s;
    transform-origin: -9vw 7vh;
    box-shadow: -40vmin 0 5.315427139221056vmin currentColor;
}
.background span:nth-child(10) {
    color: #FFACAC;
    top: 82%;
    left: 32%;
    animation-duration: 9s;
    animation-delay: -24s;
    transform-origin: -21vw -11vh;
    box-shadow: 40vmin 0 5.662842151996861vmin currentColor;
}
.background span:nth-child(11) {
    color: #583C87;
    top: 44%;
    left: 43%;
    animation-duration: 11s;
    animation-delay: -34s;
    transform-origin: -19vw -3vh;
    box-shadow: -40vmin 0 5.411617041948695vmin currentColor;
}
.background span:nth-child(12) {
    color: #583C87;
    top: 41%;
    left: 21%;
    animation-duration: 15s;
    animation-delay: -4s;
    transform-origin: 21vw 18vh;
    box-shadow: 40vmin 0 5.813791379654336vmin currentColor;
}
.background span:nth-child(13) {
    color: #FFACAC;
    top: 20%;
    left: 93%;
    animation-duration: 27s;
    animation-delay: -24s;
    transform-origin: 16vw -10vh;
    box-shadow: -40vmin 0 5.533127076653043vmin currentColor;
}
.background span:nth-child(14) {
    color: #583C87;
    top: 56%;
    left: 77%;
    animation-duration: 30s;
    animation-delay: -45s;
    transform-origin: 4vw -8vh;
    box-shadow: 40vmin 0 5.870203865966397vmin currentColor;
}
.background span:nth-child(15) {
    color: #FFACAC;
    top: 16%;
    left: 86%;
    animation-duration: 29s;
    animation-delay: -23s;
    transform-origin: -20vw 4vh;
    box-shadow: 40vmin 0 5.243182747481793vmin currentColor;
}
.background span:nth-child(16) {
    color: #583C87;
    top: 62%;
    left: 84%;
    animation-duration: 55s;
    animation-delay: -48s;
    transform-origin: 7vw -14vh;
    box-shadow: -40vmin 0 5.991949729175561vmin currentColor;
}
.background span:nth-child(17) {
    color: #FFACAC;
    top: 96%;
    left: 26%;
    animation-duration: 31s;
    animation-delay: -36s;
    transform-origin: 14vw -8vh;
    box-shadow: -40vmin 0 5.564872386647275vmin currentColor;
}
.background span:nth-child(18) {
    color: #E45A84;
    top: 48%;
    left: 22%;
    animation-duration: 17s;
    animation-delay: -11s;
    transform-origin: 8vw 18vh;
    box-shadow: 40vmin 0 5.318057315355012vmin currentColor;
}
.background span:nth-child(19) {
    color: #E45A84;
    top: 56%;
    left: 3%;
    animation-duration: 40s;
    animation-delay: -50s;
    transform-origin: 9vw 13vh;
    box-shadow: 40vmin 0 5.566901269352395vmin currentColor;
}