.header {
     width: 100%;
     height: 100vh;
     margin-bottom: 150px;
 }

 .bg {

     background-image: url("../images/sandiego.jpg");
     height: 100%;
     background-attachment: fixed;
     background-position: bottom;
     background-repeat: no-repeat;
     background-size: cover;
 }


 .overlay {
     height: 100%;
     width: 100%;
     background-color: rgb(0, 0, 0);
     background-color: rgba(0, 0, 0, 0.55);
     overflow-x: hidden;
     transition: 0.7s;
     color: #fff;
 }

 .logo {
     margin-left: 20px;
     display: grid;
     grid: 1fr auto/1fr;
     place-items: center;
     width: 150px;
 }

 .nav {

     padding: 5px;
     display: grid;
     1fr/1fr;

 }

 .nav-bar {

     display: grid;
     grid: 1fr/1fr 1fr 1fr 1fr;
     width: 90%;
     padding-top: 30px;
     margin: 0 auto;
 }

 .nav-li {

     list-style-type: none;
     text-align: center;
     text-transform: uppercase;
 }

 .nav-li-a {

     text-decoration: none;
     color: #fff;
     padding: 5px 15px;
     border-radius: 10px;
 }

 #navlogo_content {
     display: grid;
     grid: 1fr/0.2fr 1fr;
 }

 .headerh1 {
     color: #fff;
     position: relative;
     top: 230px;
     text-transform: capitalize;
     font-family: 'Open Sans';
     font-size: 60px;
     font-weight: 100;
 }

 /*  .testborder{border: 1px solid #000;}*/