body{
background: darkgray;
}

div.label1{
padding-left: 30%;
}
div.label1 input{
border-top: 2px solid red;
border-left:2px solid red;
border-right:2px solid red;
border-bottom:2px solid red; 
}


div.label2{
padding-left: 30%;
}

div.label2 input{
border-top: 2px solid red;
border-left:2px solid red;
border-right:2px solid red;
border-bottom:2px solid red; 
}

div.label3{
padding-left: 30%;
}

div.label3 input{
border-top: 2px solid red;
border-left:2px solid red;
border-right:2px solid red;
border-bottom:2px solid red; 
}


div.label4{
padding-left: 30%;
}

div.label4 input{
border-top: 2px solid red;
border-left:2px solid red;
border-right:2px solid red;
border-bottom:2px solid red; 
}


div.label5{
padding-left: 30%;

}

div.label5 input{
border-top: 2px solid red;
border-left:2px solid red;
border-right:2px solid red;
border-bottom:2px solid red; 
}

div.label6{
padding-left: 30%;
}

@media (max-width: 600px) {

body { 
        background: red  ;
    }
 }