/*top-page*/

@media screen and (max-width:1100px) {
    .toppage-contents{
    height: 600px;
    width: 600px;
    margin: 140px auto 0px auto;
}
    
    .toppage-content1{
 margin: 0px 60px 0px 20px;   
}
    
     .toppage-content2{
 margin: 0px 20px 0px 0px;   
}
    .toppage-content3{
    margin: 40px 60px 0px 20px;
}
.toppage-content4{
    margin: 40px 20px 0px 0px;
}
    
}


@media screen and (max-width:600px) {
    .toppage-contents{
    height: 1100px;
    width: 250px;
    margin: 140px auto 0px auto;
}
.toppage-content1{
 margin: 0px 0px 0px 0px;   
}
     .toppage-content2{
 margin: 20px 0px 20px 0px;   
}
    .toppage-content3{
    margin: 0px 0px 0px 0px;
}
.toppage-content4{
    margin: 20px 0px 0px 0px;
}
    
}

/*top-page*/


/**/








/*footer*/

@media screen and (max-width:600px){

footer{
    border-top:3px #3E3A39 solid ;
    border-bottom:3px #3E3A39 solid;
    height: 180px;
    margin-top: 80px;
}

    footer ul{
    margin: 13px 23px 13px 23px;
    overflow: hidden;
        line-height: 60px;
}
    footer ul li{
        margin-right:40px;
  
    }

footer p{
   
    position: absolute;
    left: 20px;
    font-size: 12px;
}



    
    }