@media (max-width: 920px) {
    /*-*/
    .nav-menu a{
        font-size:2rem;
    }
    /*-*/
}

/*---###---*/

@media (max-width: 915px) {
    /*-*/
    .nav-menu a{
        font-size: 1.3rem;
    }
    /*-*/
    .box1 h1{
        font-size:5rem;
        margin-bottom: 0px;
    }
    /*-*/
    .box1 p{
        font-size: 1rem;
    }
    /*-*/
}

/*---###---*/

@media (max-width: 650px) {
    /*-*/
    body{ 
        background-color: rgb(0, 0, 0);
        padding: 0;
    }
    /*-*/
    .desktopView{
        display: none;
    }
    /*-*/
    .phoneView{
        display: block;
    }
    /*-*/
}

/*---###---*/

@media (max-width: 350px) {
    /*-*/
    body{
        background-color: rgb(128, 82, 244);
        color: black;
        padding: 0;
    }
    /*-*/
    body:after{ 
       content: 'bad screen resolution';
    }
    /*-*/
    .desktopView{
        display: none;
    }
    /*-*/
    .phoneView{
        display: none;
    }
    /*-*/
}

/*---###---*/

@media (max-height: 450px) {
    /*-*/
    body{
        background-color: rgb(128, 82, 244);
        color: black;
        padding: 0;
    }
    /*-*/
    body:after{ 
       content: 'bad screen resolution';
    }
    /*-*/
    .desktopView{
        display: none;
    }
    /*-*/
    .phoneView{
        display: none;
    }
    /*-*/
}