@media (max-width:400px) {
     
    .nav-logo span {
         display: none;
     }  
     .home-img .mobile-textbutton {
        
        font-size: 17px;
    }

   
    .about-title {
        font-size: 25px;
    }

    .about-text {
        font-size: 14px;
        font-family: 'raleway';
        font-weight: 600;
    }

  

 

   
    
}

@media (min-width: 400px) {
    .home-img .mobile-textbutton {
        
        font-size: 20px;
    }

    .about-text {
        font-size: 14px;
    }
   
   


}
@media (min-width: 650px) {
    .home-img .mobile-textbutton {
        
        font-size: 24px;
    }

    .about-text {
        font-size: 14px;
    }

    

    

  
}

@media (min-width:992px) {
    .navbar-nav {
        margin-left: auto;
}

.seperator {
    margin-bottom:54px;
}

.navbar-collapse a {
    border: none;
}
.navbar-collapse a:hover {
    background: none;
}

    .nav-item {
        margin-left: 40px;
        background-color: none;
    }
  
    .nav-logo img {
        width: 62px;
    }

    .navbar {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .nav-logo span {
        top: 13px;
        left: 70px;
    }

    .nav-logo .light {
        top: -54.5px;
        left: 164px;
        font-size: 25px;
    }
    .nav-logo .bold {
        font-size: 25px;
    }

    .logopos {
        position: absolute;
        width: 62px;
        height: 62px;
       left: 30px;
    }

    .navbar-nav {
        font-size: 15px;
    }

   .about-text .about-title {
        font-size: 33px;
        outline: none;
        display: inline-block;
        background-color: rgba(0, 0, 255, 0);
        margin-bottom: 15px;
        border-bottom: rgb(255, 255, 255) 1px solid;
        }
    
    .about-text {
        font-size: 16px;
        text-align: justify;
       }

    .about-container {
        margin-top: 50px;
        margin-bottom: 370px;
        max-width: 1200px;
    }

    .linebreaker {
        width: 500px;
        
    }

    .about-container img {
        display: inline-block;
        width: 34%;
    }

    
        .bringitdown {
            padding-top: 160px;
        }
         
        .videowrapper {
            width: 90%;
            max-width: 1300px;
            padding-top: 23%;

        }

        .videowrapper iframe {
            margin-top: 150px;
        }

          .lightbox-gallery  {
              /* background-color: red; */
              width: 70%;
              position: relative;
              
              
              }

          .lightbox-gallery img {
            /* padding-bottom: 160px; */
            /* position: absolute; */
             height: 1000px;
             image-rendering: auto;
             transition: .3s;
             /* transform: rotate(20deg); */
                 }

                 /* .ontop img {
                    
                 }

                 .ontop {
                    transform-origin: right right;
                     transform: rotate(-90deg);
                     left: -500px;
                     top: 350px;
                 } */

          
         
          .titleup h2 {
            margin-top: 50px;
            margin-bottom: 30px;
            display: inline-block;
            
            }

            .titleup span {
                margin-bottom: 9px;
                }
    
            footer {
                position: sticky;
                top: 100%;
             }

             .titlecap h2 {
               margin-top: -22px;
            }
     }

     
    




@media (min-width:1200px) {
    .about-container {
        margin-top: 50px;
        max-width: 1200px;
    }

    .mobile-about-pic img {
        margin-top: -16px;
    }

    .videowrapper iframe {
        margin-top: 0px;
    }

   .titleup h2 {
       margin-top: 30px;
   }

   .bringitdown {
       margin-top: -100px;
   }
   
 .shootup {
     display: block;
 }

}

@media (min-width:1300px) {

    .nav-item {
        margin-left: 70px;
        background-color: none;
    }
}


@media (min-width:1400px) {

    .nav-item {
        margin-left: 100px;
        background-color: none;
    }

    .navbar-nav {
        padding-right: 20px;
    }

    .nav-logo img {
        width: 78px;
       
    }

    .logopos {
        width: 78px;
        height: 78px;
    }

    .nav-logo span {
         margin-left: 20px;
         top: 17px;
    }
    .nav-logo .light {
        left: 180px;
        top: -68.5px;
    }

    .nav-logo .bold {
        font-size: 29px;
        
    }

    .nav-logo .light {
     font-size: 29px;
    }

    .navbar-nav {
        font-size: 16px;
    }

    .videowrapper {
        width: 80%;
        max-width: 1400px;
        padding-top: 100px;

    }
    
}