.formbox{display:flex; flex-direction:row; margin:0vw auto; justify-content:space-around; align-self: center;}
#formbox{display:flex; flex-direction:column; justify-content:space-around; align-self: center;}
.formboxs{display:flex; flex-direction:column; margin:0vw auto; justify-content:space-around; align-self: center; width:80%;}
.formboxss{display:flex; flex-direction:column; margin:0vw auto; justify-content:space-around; align-self: center; width:80%;}
.formbox select{display:block; margin:0vw auto; padding:1vw 2vw; border: none; width:70%;  font-size:1vw; text align:center;}
.formboxinputcol{display:block; margin:0vw auto; padding:1vw 2vw; border: none; width:70%;  font-size:1vw;}
.formboxinputcols{display:block; margin:0vw auto; padding:1vw 2vw; border: none; width:100%;  font-size:1vw;}
.formboxinput{display:block; margin:0vw auto; padding:1vw 2vw; border: none; width:90%;  font-size:1vw; text align:center;}
.formboxinput:hover{background:#FFFF00; color:#00b6ff; display:block; margin:0vw auto; padding:1vw 2vw; border: none; width:90%;  font-size:1vw; text align:center; border:.1vw solid #FFFF00;}

 .formboxinput ::placeholder {
  color: #00b6ff;}
  
.formboxinput :focus {
  background-color: #FFFF00;
  color:#00b6ff; font-weight:900;
}
  
#appbox{display:flex; flex-direction:row; justify-content:space-around; align-self: center; background:#e3efff; padding-top:8vw; height:35vw; position:relative;}
.appboxcol{width:25%; transform: scale(1); text-align:center;}
.appboxcol:hover{width:25%; transform: scale(1.5);}
.appboxcol img{width:80%;}  
#appboxhd{background:#e3efff; padding-top:1vw; text-align: center;
    font-family: "Overlock", sans-serif; font-weight: 800; color: #484848; letter-spacing: 1px; font-size: 3vw;}

.appboxpara{font-family: "Overlock", sans-serif; font-size: 1.5vw; position:absolute; left:30%; bottom:4vw; font-weight:900;}
.appboxap{position:absolute; right:1vw; top:-3vw;}
.appboxand{position:absolute; right:1vw; top:-.5vw;}

.formboxinputs{display:block; margin:0vw auto; padding:1vw 2vw; border: none; width:100%;  font-size:1vw; text align:center;}
.formboxsbumit{background:#000; display:block; margin:0vw auto; padding:1vw 2vw; border: none; color:#fff; font-size:1.5vw; border-radius:1vw;}
.formboxsbumit:hover{background:#FFFF00; display:block; margin:0vw auto; padding:1vw 2vw; border: none; color:#00b6ff; font-size:1.5vw; font-weight:900; border-radius:1vw;}

.formhead{font-size:1.5vw; font-weight:900; font-family:"Overlock", sans-serif; color: #484848;}
.formlist li{font-size:1.2vw; font-weight:900; font-family:"Overlock", sans-serif; color: #484848; margin:1vw;}

.formpara{font-size:1.2vw; font-weight:900; font-family:"Overlock", sans-serif; color: #484848; margin:1vw;}

@media screen and (max-width:600px){
    .formbox{display:flex; flex-direction:column; margin:0vw auto; justify-content:space-around; align-self: center;}
    .formbox select{display:block; margin:0vw auto; padding:1vw 2vw; border: none; width:95%;  font-size:3vw; text align:center;}
    .formboxinput{display:block; margin:0vw auto; padding:1vw 2vw; border: none; width:90%;  font-size:2.5vw; font-weight:900;}
    .formboxsbumit{background:#000; display:block; margin:0vw auto; padding:1vw 2vw; border: none; color:#fff; font-size:2.5vw; border-radius:1vw;}
    .formboxsbumit:hover{background:#FFFF00; display:block; margin:0vw auto; padding:1vw 2vw; border: none; color:#00b6ff; font-size:2.5vw; font-weight:900; border-radius:1vw;}
    #appbox{height:auto; flex-direction: column;}
    #appboxhd{font-size:5vw;}
    .appboxap{width:15vw; position: absolute; right: 3vw; top: 11vw; bottom:0vw;}
    .appboxap img{width:100%}
    .appboxand{width:15vw; position: absolute; right: 3vw; top: 5vw; bottom:0vw;}
    .appboxand img{width:100%}
    .appboxcol {width: 90%;}
    .servicon {display: flex !important; flex-direction: row !important; align-items: center; padding: 0vw 0vw 4vw 0vw; flex-wrap: wrap;}
    .serviconbox{width:30vw!important; font-size:0vw;}
    .serviconbox p{font-size:3vw!important;}
}