* {
        margin: 0px;
        padding: 0px;
        border: 0px;
        box-sizing: border-box;
    }
    body:after {
        content : "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        zzzbackground-image: url("gp20.jpg");
        width: 100%;
        height: 100%;
        opacity : 0.2;
        z-index: -1;
    }    
    li {
        list-style-type: none;
        font-size: 1.2em;
    }
    h2 {
        margin:  20px 0px;
        font-size: 4em;
    }
    h3 {
        margin:  10px 0px;
        font-size: 1.5em;
    }
    a {
        text-decoration: none;
    }
    textarea, input {
        background-color: #eee;
    }
    p {
        font-size: 1.2em;
    }
    zinput {
        border: none;
        background-color: rgb(240,240,240);
    }
    /******************************************************************************/
    
    .menu-li {
        color: darkgrey;
        display: inline;
        font-size: 2em;
        padding: 28px 28px 2px 18px;
        border-radius: 10px;
        cursor: pointer;
        float: left;
        display: block;
    }
    
    li.menu-click:hover {
        color: lime;
    }
    .class-project-link {
        font-size: 1.2em;
    }
    .menu-content {
        display: none;
    }
    .footer-links {
        cursor: pointer;
        color: darkgrey;
        float: left;
        margin : 0px 10px 10px 10px;
        padding: 0px 8px 6px 8px;
        font-size: 1.2em;

    }
    .footer-links:hover {
        zzzborder-radius: 5px;
        zzzbackground-color: #aaa;
        color: lime;
    }
    
    
    #id-div-content {
        width: 960px;
        min-height: 400px;
        margin: 0 auto;
        border-radius: 10px;
    }
    #top-bar {
        margin: 0 auto;
        height: 80px;
        border-radius: 10px;
        margin-top: 10px;
    }
    #banner-principals {
        width: 100%;
        height: 200px;
        border-radius: 10px;
        margin-top: 10px;
    }
    #img-principals {
        width: 100%;
        height: 200px;
        border-radius: 10px;
        opacity: 0.4;
        border-radius: 125px;
        padding: 20px;
    }
    #img-uar {
        width: 10%;
        height: 80px;
        cursor: pointer;
        width: 10%;
    }
    #id-div-inner-content {
        zzzmin-height: 400px;
        border-radius: 10px;
        margin-top: 0px;
        padding: 10px;
        zzzbackground-color: lightblue;
    }
    #id-footer {
        min-height: 25px;
        border-radius: 10px;
        margin-top: 10px;
        padding: 10px;
        height: 36px;
        position: fixed;
        bottom: 0;
    }
    #id-text-principals {
        position:relative; 
        top:-150px; 
        left:2%; 
        width:96%; 
        height:55px;
        font-size: 2.5em;
        color: yellow;
        background-color:  rgba(00, 00, 000, 0.2);
        padding-left: 2%;
    }
    #id-ul-menu {
        position:relative; 
        top:-50px; 
        list-style-type: none;
        margin-left : 40px;
        float: right;
        margin-top: 30px;
    }    
    #input-text-email {
        width:250px;
        margin: 10px;
        padding: 3px;
    }
    #input-textarea-comment {
        width:250px;
        height: 100px;
        margin: 10px;
        padding: 3px;
    }
    #button-send {
        margin: 10px;
        padding: 3px;
    }
    #a-pp {
        color: darkgrey;
    }
    
    @media (max-width: 800px) {
        p {
            font-size: 1em;
        }
        h2 {
            font-size: 1.2em;
        }
        h3 {
            font-size: 1.2em;
        }
        li {
            font-size: 1em;
        }
        .menu-li {
            font-size: 1.5em;
            margin-left: 5px;
            padding: 8px 0px 2px 6px;
        }
        .footer-links {
            font-size: 1em;
        }
        #id-div-content {
            width: 320px;
        }
        #img-uar {
            width: 15%;
        }
        #banner-principals {
            display: none;
        }
        #id-ul-menu {
            margin-top: 0px;
        }
    }