.header {
    background-color:#979891; /*comment out any infor to make sure the css is linked up to the html*/
    height:100px;
    width: 100%;
    text-align:center;
    margin:0;
    padding:0;
    padding-bottom: 500;
    position: fixed;


}
body {  /*to calculate where to put txt we 0 out all the text*/
    margin:0;
    padding:0;
    border:0; 
    font-family:"Franklin Gothic Medium";
}
h1{
    font-family: "Franklin Gothic Medium";
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 42.9px;
    color:white;
    letter-spacing:3px;
}
.boxed {
    margin:160px auto; /*"auto" means to center no matter if we minimize the screen*/ 
    background:red;
    width:40px;
    height: 300px;
    padding:40px 40px 40px 40px;
    text-align: left;
}

/*.overlapper {
   
    height: 100vh;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
#overlapper-2 { 
    width: 80%; 
    height: 80vh;
    margin: 10vh 10%; /* (100 - 80)/2 */
    line-height: 80vh;
    text-align: center;
}
*/