* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#434343;background:#FFF;}

.container {margin:0 auto;}

div#amin.header {
   
 
}

 #amin  {
    position: absolute;
    top: 900px;
}

header {margin:25px 0;}
header img {width:100%;}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.9);
        opacity: 0.7;
    }
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}
@media (max-width: 3100px) and (min-width: 1000px) {
    #zio {
         margin: 20% auto;
        -webkit-animation: pulse 3s infinite ease-in-out;
        -o-animation: pulse 3s infinite ease-in-out;
        -ms-animation: pulse 3s infinite ease-in-out;
        -moz-animation: pulse 3s infinite ease-in-out;
        animation: pulse 3s infinite ease-in-out;
    }
}

    aside {
        float: left;
        margin: 0 0 0px;
    }

        aside nav ul {
            list-style: none;
        }

            aside nav ul li {
                margin-bottom: 1px;
            }

                aside nav ul li a {
                    display: block;
                    text-decoration: none;
                    color: #000;
                    background: #FFC000;
                    padding: 8px 20px;
                }

                    aside nav ul li a:hover {
                        background: #212121;
                        color: #FFF;
                    }

    #main {
        float: right;
        margin: 0 0 25px;
    }

    #main2 {
        float: left;
        margin: 0 0 0 0;
    }

    footer {
        clear: both;
        color: #FFF;
        background: #d21010;
        padding: 15px 0 15px 30px;
        margin: 0 0 10px;
        font-size: 18px;
      
    }

    a {
        color: #FFF;
        text-decoration: none;
    }

    @media (min-width: 1100px) {
        .container {
            width: 1050px;
        }

        aside {
            width: 30%;
        }

        #main {
            width: 69%; 
            
        }

        #mh {
            font-size: 24px;
        }

        #main2 {
            width: 100%;
        }

        img {
            width: 98%;
        }

        footer {
            width: 98%;
        }
    }

    @media (max-width: 1100px) and (min-width: 1000px) {
        .container {
            width: 950px;
        }

        div#amin.header {
            
        }

        aside {
            width: 30%;
        }

        #main {
            width: 69%;
 
        }

        #mh {
            font-size: 24px;
        }

        #main2 {
            width: 100%;
        }

        img {
            width: 98%;
        }

        footer {
            width: 98%;
        }
    }

    @media (max-width: 1000px) and (min-width: 800px) {
        .container {
            width: 750px;
        }

        div#amin.header {
         
        }

        #amin {
            position: absolute;
            top: 700px;
        }

        aside {
            width: 40%;
        }

        #main {
            width: 59%;
 
        }

     #mh {
                font-size: 20px;
            }

        #main2 {
            width: 100%;
        }

        img {
            width: 98%;
        }

        footer {
            width: 98%;
        }
    }

    @media (max-width: 800px) and (min-width: 500px) {
        .container {
            width: 450px;
        }

        aside,
        #main {
            width: 100%;
        }

        #main2 {
            width: 100%;
        }

        img {
            width: 98%;
        }

        footer {
            width: 98%;
        }
    }

    @media (max-width: 800px) and (min-width: 700px) {
        .container {
            width: 670px;
        }

        div#amin.header {
            
        }

        aside {
            width: 40%;
        }

        #main {
            width: 59%;
        }

        #main2 {
            width: 100%;
        }

        img {
            width: 98%;
        }

        footer {
            width: 98%;
        }
    }

    @media (max-width: 600px) and (min-width: 500px) {
        .container {
            width: 470px;
        }

        aside,
        #main {
            width: 100%;
        }

        div#amin.header {
           
        }

        #main2 {
            width: 100%;
        }

        img {
            width: 98%;
        }

        footer {
            width: 98%;
        }
    }

    @media (max-width: 500px) and (min-width: 400px) {
        .container {
            width: 350px;
        }

        aside,
        #main {
            width: 100%;
        }

        div#amin.header {
            
        }

        #main2 {
            width: 100%;
        }

        img {
            width: 98%;
        }

        footer {
            width: 98%;
        }
    }

    @media (max-width: 400px) and (min-width: 300px) {
        .container {
            width: 270px;
        }

        aside,
        #main {
            width: 100%;
        }

        #main2 {
            width: 100%;
        }

        img {
            width: 98%;
        }

        footer {
            width: 98%;
        }
    }