/*@media only screen and (max-width: 1100px){
body{
display: none;
}
html:before{
content: "This Website View Currently Available on Desktops only";
padding:20%;
text-align: center;
font-size: 30px;
display: block;
}
}*/

@media (min-width: 1200px) {
.display-1 {
    font-size: 3rem !important;
}
}


@media only screen and (max-width:425px) {
    .navbar-brand img {
        width:200px;
    }
    .py-5 {
        padding-top:1rem!important;
        padding-bottom:1rem!important;
    }
}

@media only screen and (max-width:320px) {
    .navbar-brand img {
        width:150px;
    }
    .py-5 {
        padding-top:1rem!important;
        padding-bottom:1rem!important;
    }
}