@charset "'UTF-8";

@media screen and (min-width: 768px) and (max-width: 1024px) {

    nav ul {
        text-align: left;
    }

    nav li {
        display: inline-block;
    }

    nav {
        margin-bottom: 0px;
    }

    main {
        padding: 30px;
        width: 768px;
    }

    main p {
        margin: 10px;
        padding: 15px; 
        text-align: justify;
    }

    i#ham {
        display: none;
        background-color: rgba(240, 248, 255, 0.959);
        margin: -2px;
    }

    #itens {
        display: block;
    }
}

@media screen and (min-width: 1025px) {

    nav ul {
        text-align: left;
    }

    nav li {
        display: inline-block;
    }

    nav a {
        display: block;
        box-sizing: border-box;
        padding: 12px;
        transition: all .5s;
    }

    nav {
        margin-bottom: 0px;
    }

    main {
        padding: 30px;
        width: 768px;
    }

    main p {
        margin: 10px;
        padding: 15px; 
        text-align: justify;
    }

    i#ham {
        display: none;
        background-color: rgba(240, 248, 255, 0.959);
        margin: -2px;
    }

    #itens {
        display: block;
    }
}