body{
    margin: 0px;
    position: relative;
    background-image: url(pic/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    height:100vh;
   
}

img{
    display: block;
    width: 100%;
}

.icon1,.icon2,.icon3,.icon4,.icon5,.icon6,.icon7,.icon8,.icon9,.icon10,.icon11,.icon12{
    transition: all 0.5s;
    width: 26%;
}

.icon1{
    margin-top: 3%;
    margin-left: 17%;
}

.icon2{
    margin-top: -7%;
    margin-left: 52%;
}

.icon3{
    margin-top: 2.5%;
    margin-left: 12%;
}

.icon4{
    margin-top: -7%;
    margin-left: 60%;
}

.icon5{
    margin-top: 2.5%;
    margin-left: 19%;
}

.icon6{
    margin-top: -7%;
    margin-left: 52%;
}

.icon7{
    margin-top: 2.5%;
    margin-left: 35%;
}

.iconall{
    transform: scale(1);
}

.iconall:hover{
    transform: scale(1.1);
}


.header{
    width: 100%;
    top: 0;
}

.footer{
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #583218;
}

.text-footer1,.text-footer2{
    text-align: center;
    font-size: 14px;
    color: white;
}

.text-footer1,.head1{
    display: block;
}

.text-footer2,.head2{
    display: none;
}

.head3{
    display: none;
}

.test-head{
    display: none;
}

@media only screen and (max-height: 450px){
    .head1,.head2,.head3{display: none;}

.test-head{
    display: block;
    width: 30%;
    margin-bottom: -3%;
}
    .text-footer1,.text-footer2{
        font-size: 12px;
    }

    .footer{
        margin-top: 8%;
        width: 100%;
        position: relative;
        /* bottom: 0; */
        background-color: #583218;
    }

}

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

    .head3{
        display: block;
    }

    .head1,.head2{
        display: none;
    }
}


@media only screen and (max-width: 600px){
    .icon1,.icon2,.icon3,.icon4,.icon5,.icon6,.icon7,.icon8,.icon9,.icon10,.icon11,.icon12{
        width: 55%;
        margin: auto;
        margin-top: 1%;
    }

    .icon1{
        margin-top: 10%;
    }

    .text-footer1,.head1,.head3{        
        display: none;
    }
    
    .text-footer2,.head2{
        display: block;
    }
    

    .text-footer1,.text-footer2{
        font-size: 7px;
    }
}