@media only screen and (min-width: 0px) and (max-width:960px) {
    #h-1{
        display:none;
    }
    .menu-1{
        display:block;
    }
    .menu-3{
        display:none;
    }
    #i-1{
        padding:5% 0 10% 0;
    }
    #i-1 input{
        width:85%;
        padding:2.5% 0;
        margin-bottom:3%;
    }
    #i-1 button{
        padding:2% 10%;
    }
    .pdg{
        padding:12% 0;
    }
    .i-4-1 {
        margin: 3% auto 5% auto;
        width: 18%;
        padding: 0.6% 0;
    }
    .p-1 {
        padding: 6% 0;
        width: 100%;
        margin: 3% 0;
    }
    .i-4{
        font-size:22px;
        letter-spacing:4px;
    }
    .i-4-2 {
        width: 100%;
        font-size:14px;
        margin-bottom:5%;
    }
    .i-4-3 {
        width: 95%;
        margin: 0 auto;
    }
    .i-4-4 {
        width: 100%;
        padding: 4% 0;
        margin: 3% 1% 0 1%;
    }
    .i-5{
        font-size:14px; 
    }
    #h-1 a{
        font-size:14px;
    }
    .m-1{
        width:97%;
        font-size:14px;
        margin:3% 0;
    }
    .m-1 img{
        height:240px;
    }
    .testi-1{
    width:97%;
    margin:3% 0%;
}

.testi-1 img{
    width: 100%;
    height: 600px;
}
    #f-3{
        font-size:11px;
    }
    #f-4{
        font-size:11px;
        margin-bottom:20%;
    }
    .i-7{
        width:95%;
        margin-top:10%;
    }
    .i-7-2 {
        padding: 0 8% 8% 8%;
        font-size:14px;
    }
}