.body2{
background-color: rgba(0, 0, 0, 0.37);
    padding: 5px;
    padding-left: 19px;
    padding-right: 39px;
}
body{
    font-family:gill sans;
font-size: 18px;
    line-height: 24px;
    background-image: url(images/backgroundweb.png);
    color:white;
    padding-left: 35px;
    max-width: 1000px;
}

header{
    text-align: center;
    margin-bottom: 50px;
    margin: 0px;
}

h2{
padding-top: 1px;
padding-bottom: 1px;
color:deeppink;
    margin-bottom: -19px;
    margin-left: 1px;
    font-size: 40px;

}
h3{
    padding-top: 1px;
padding-bottom: 15px;
    color:greenyellow;
    margin-bottom: -21px;
margin-left: 3px;
    margin-right: 0px;
    font-size: 31px;
}

p{
    margin-left: 3px;
    color: white;

}
                  
img{
    max-width: 379px;
    height: auto;
    border-radius: 6px;
    padding-left: 37px;
}

header img{
    max-width:100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 4px;
    margin-left: 216px;
    margin:0px;
}
h1{
    color: black;
    font-size: 10px;
    text-align: left;
 
        padding: 5px;
padding-bottom: 37px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 2px;
    margin-right: 1px;
    margin-left: 6px;
}
.green{
 background-image: url(images/green.svg);
    text-align: center;
    background-position: left;
    background-size:cover;
    background-repeat: no-repeat;
 margin-left: -23px;
    max-width: 309px;
    padding:12px;
    padding-left: 29px;
    padding-top: 40px;
}

.paint{
     background-image: url(images/paint.png);
    text-align: center;
    background-position: left;
    background-size:cover;
    background-repeat: no-repeat;
  padding: 3px;
    padding-left: 276px;
    padding-top: 53px;
    padding-bottom: 64px;
    max-width: 26px;
margin-bottom: 56px;
    margin-left: 0px;
    margin-top: 44px;
} 
h4{      
    color: black;
    font-size: 10px;
    text-align: left;
        padding: 3px;
    padding-left: 3px;
    padding-right: 14px;
    padding-top: 0px;
    padding-bottom: 24px;
    margin-top: 40px;
    margin-bottom: -23px;
    margin-left: -316px;
}
.pink{
  background-image: url(images/pink.svg);
    text-align: center;
    background-position: left;
    background-size:cover;
    background-repeat: no-repeat;
    padding-top: 33px;
    padding-bottom: 47px;
    padding-left: 327px;
    padding-right: 0px;
    max-width: 26px;
margin-bottom: 23px;
    margin-left: -24px;
    margin-top: 16px;
}

.form-green{
background-image: url(images/form.svg);
    text-align: center;
    background-position: left;
    background-size:cover;
    background-repeat: no-repeat;
    padding-top: 404px;
    padding-bottom: 1px;
    padding-left: 329px;
    max-width: 26px;
margin-bottom: 85px;
    margin-left: -25px;
    margin-top: 0px;
}

form{
  padding-top: 97px;

 width: 290px;
    margin-left: -294px;
    margin-right: 8px;
    margin-top: -486px;
    margin-bottom: -557px;

}
label{
        display:block;
        margin-bottom: 2px;
    margin-top: 198px;
        font-size: -2px;
    text-align: left;
    color: black;
    margin-right: 39px;
    margin-left: 3px;
    }
input{
        width: 95%
            padding 10px;
        font-size: 18px;
       padding-top: 8px;
    padding-bottom: -2px;
    margin-bottom: 132px;
    margin-left: -65px;
    margin-top: -2px;
    }



.clearfix::after{
    content: "";
    display: table;
    clear: both;
}

button{
    width: 100%;
    padding:calc() 13px;
    margin-top: 17px;
    margin-bottom: 274px;
    margin-left: -215px;
    margin-right: 5px;
    background-color: deeppink;
    color: black;
    border: none;
    border-radius: 78px;
    font-size: 16px;
    cursor: pointer;
    padding-left: 26px;
    padding-right: 89px;
    padding-top: 4px;
    text-align: center;
    font-family:gill sans;
}
.button-form{
    padding:2px;
    margin-top: 87px;
}
footer{
    padding-top: 2px;
    color: #ffffff;
    font-family: sans-serif;
    background-color: deeppink;
    margin-left: -28px;
}

@media (min-width: 1000px){
.flex-demo{
flex-direction: row;
    }
    .paint{
        margin-right: 333px;
        padding-right: 382px;
        padding-top: 146px;
    }
    button{
        margin-bottom: 680px;
        margin-left: 0px;
        padding-top: 5px;
        padding-bottom: 6px;
        padding-left: 43px;
        padding-right: 207px;
        font-size: 31px;
    }
    
    h2{
        font-size: 40px;
    }
    
    h3{
        font-size: 31px;
    }
    
    body{                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
    font-size: 18px;
    }
.green{
            margin-bottom: 51px;
    margin-top: 170px;
    margin-right: 335px;
    margin-left: 13px;
    padding-top: 148px;
    padding-right: 242px;
        }
        
        h1{
            margin-left: 91px;
            margin-right: -100px;
           margin-top: 10px;
            margin-bottom: 56px;
            padding-left: 1px;
            padding-right: 1px;
            padding-bottom: 12px;
            font-size: 18px;
            
        }
    
    .pink{
           margin-bottom: 177px;
    margin-top: 31px;
    margin-right: 339px;
    margin-left: 354px;
    padding-top: 87px;
    padding-right: 244px;    
    }
    
    h4{
 margin-left: -227px;
            margin-right: -100px;
           margin-top: 10px;
            margin-bottom: 56px;
            padding-left: 1px;
            padding-right: 1px;
            padding-bottom: 12px;
            font-size: 18px;
        
    }
    
    .form-green{
background-image: url(images/form.svg);
    text-align: center;
    background-position: left;
    background-size:cover;
    background-repeat: no-repeat;
    padding-top: 789px;
    padding-bottom: 1px;
    padding-left: 668px;
    max-width: 26px;
margin-bottom: 85px;
    margin-left: 23px;
    margin-top: 0px;
}

form{
  padding-top: 0px;

 width: 290px;
    margin-left: -676px;
    margin-right: 8px;
    margin-top: -620px;
    margin-bottom: -607px;

}
label{
        display:block;
        margin-bottom: 1px;
    margin-top: 245px;
        font-size: -2px;
    text-align: left;
    color: black;
    margin-right: 39px;
    margin-left: 55px;
    font-size: 34px;
    }
input{
        width: 95%
            padding 10px;
        font-size: 18px;
       padding-top: 25px;
    padding-bottom: 19px;
    padding-left: 5px;
    padding-right: 356px;
    margin-bottom: 132px;
    margin-left: 47px;
    margin-top: 14px;
    }
    


    }