@media screen and (max-width: 1020px) {
    
.header-menu ul li {
    width: 50%;
}
    
    
.header-menu ul li a{    width: 100%;
text-align: center;}
    
    
p.mailpef {
    text-align: center;
}
    
    
.bg2 {

    min-height: inherit;
}
    
.bg1 {
    padding-bottom: 20px;
}
    
    
p.cop1 {
    text-align: center;
    margin-bottom: 0;
}
    
    
    
    
    
    
    
.maillisssst {
    margin-bottom: 20px;
}
    
    
    
    
.footer-menu p {
    text-align: center;
}
a.cop2 {
    text-align: center;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
.ininfo1,
.ininfo2,
.ininfo3{
    text-align: center;
}
    
.navbar-default .navbar-nav > li > a {
    line-height: 30px;

}
    
    
.navbar-nav {
    float: left;
    width: 100%;
    margin-left: 0;
}
    
    
    .infohed1 {
        text-align: center;
        width: 100%;
        margin-bottom: 3px;
        margin-top: 3px;
    }
    .social {
        margin: 20px auto;
        display: block;
        float: none;
    }
    a.navbar-brand {
        display: block;
    }
    .navbar-default .navbar-brand {
        color: #fff;
        font-family: kof;
    }
    .titlefu {
        width: 100%;
        text-align: center;
    }
    .onepost h1 {
        text-align: center;
    }
    .onepost p {
        height: inherit;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer-menu ul li a {
        text-align: center;
    }
    .social.fottot {
        margin: 20px auto;
        display: block;
        float: none;
    }
    
.infofoot1 {
    text-align: center;
}
}