@media screen and (max-width:640px){
 .navbar-nav .nav-link{
     font-size:16px;
 }
 #collapsibleNavbar{
  margin-left:0px!important;
  max-height:300px;
  overflow-y:auto;
  
 }
 #footer .footer__heading{
     margin-bottom:5px;
 }
 .footer_jumbotron  div.h2{
     font-size:1.8em;
 }
 #snapshot h3{
     font-size:1.6em;
 }
}
@media screen and (max-width:510px){
    #registration_page{}
    body{
        font-size:12px!important;
    }
    .carousel-caption{
    right: 3%!important;
    left: 3%!important;
    }
    #registration_page .container{
        padding: 0px;
    }
    #registration_page .registration_box{
        padding: 0px 0px;
    }
     #registration_page,
    #login_page{
           padding-top: 75px!important;
        padding-bottom: 0px;
    }
    #login_page .container{
        padding: 0px;
    }
    #login_page .login_box{
        padding: 0px;
    }
}
.navbar-nav .show > .nav-link, .navbar-nav .active > .nav-link, .navbar-nav .nav-link.show, .navbar-nav .nav-link.active{
    color: #fcae34;
    font-weight: bold;
    transform: scale(1.1);
}

@media screen and (min-width:640px){
     body{
        font-size:17px!important;
    }
    #registration_page{
padding-top: 80px;
margin-bottom: 2em;
}

    nav.navbar .login_register_link{
        position: absolute;
        right: 5px;
    }
    #registration_page .registration_box{
       margin-left: 20%;
        width:700px;
    }
}