.ms-contact {
    padding: 5% 0;
}
.ms-contact-title {
    text-align: center;
    font-size: 2.625rem;
    color: #707070;
    font-weight: 300;
    margin-bottom: 1%;
}
.ms-contact-form {}

.umbraco-forms-tooltip {
    font-size: 1rem;
    color: #666;
    font-weight: 500;
}


.ima {
    grid-area: header; 
  
}
.fullname {
    grid-area: fullname;

}
.addressline1 {
    grid-area: addy1;
  
}
.addressline2 {
    grid-area: addy2;
  
}
.towncity {
    grid-area: city;
 
}
.postcode {
    grid-area: post;
   
}
.country {
    grid-area: country;
 
}
.emailaddress {
    grid-area: email;
   
}
.mobilephonenumber {
    grid-area: mobile;
 
}
.comments {
    grid-area: comments;
   
}
.decoy-class {
    grid-area: decoy; 
    
}
.submit-button button {
    grid-area: btn;
    margin-left: 6%;
    font-size: 1.2rem;
    padding: 1.5% 12%;
    color: white;
    background-color: #80BA27;
    border-radius: 10px;
    border: 0px solid black;
    margin-top: -5%;
}

.microsite-form-container {
display: grid;
    grid-template-areas:
        'header email'
        'fullname mobile'
        'addy1 comments'
        'addy2 comments'
        'city btn'
        'post decoy'
        'country decoy';
    grid-gap: 0%;
  
}

.umbraco-forms-field {
    padding: 1% 6%; 
}

.umbraco-forms-form {
   
}




.umbraco-forms-form textarea {
    
}


.umbraco-forms-form fieldset {
  
}

.uk-margin-small select {
    width: 100%;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 1%;
    border: 0px solid black;
}


.uk-margin-small input {
    width: 100%;
    border-radius: 10px;
    padding: 12px 20px;
    margin-top: 1%;
    border: 0px solid black;
}


.uk-margin-small textarea {
    width: 100%;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 1%;
    border: 0px solid black;
    resize: none;
}


.forms-form select {
    margin: 0.5em 0!important;
    border: 1px solid #bbb!important;
    width: 98%!important;
}

.umbraco-forms-fieldset {
    border: 0px solid black;
    width: 70%;
    margin: 5% auto;
}

::placeholder {
  color: #ACACAE;
  opacity: 1; /* Firefox */
  font-size: 1rem;
}

option {
  color: #ACACAE;
  opacity: 1; /* Firefox */
  font-size: 1rem;
}

textarea {
  color: #ACACAE;
  opacity: 1; /* Firefox */
  font-size: 1rem;
  height: 100px!important;
}



@media (max-width: 1150px) {
    .umbraco-forms-fieldset {
        width: 80%;
    }
}

@media (max-width: 991px) {
    .microsite-form-container {
        display: grid;
        grid-template-areas:
        'header' 
        'email'
        'fullname' 
        'mobile'
        'addy1' 
        'addy2' 
        'city' 
        'post' 
        'country'
        'comments'
        'btn';
        grid-gap: 0%;
}

    .submit-button button {
        margin-top: 5%;
    }
}

@media (max-width: 768px) {
    .umbraco-forms-fieldset {
        width: 100%;
    }
}