#pardot-form {

        display: block!important;

        background: #fff;

        padding: 15px;

        width: auto;


}

 

#pardot-form p {

        width: 49%;

        box-sizing: border-box;

        display: grid;

        grid-template-columns: [labels] auto [controls] 1fr;

        grid-auto-flow: row;

        grid-auto-rows: auto;

        grid-gap: 10px 5px;

        margin-bottom: 10px;

        border-radius: 5px;

        padding: 0;

        background: #fff;

}

 

.hr-grey {

        width: 100%;

}

 

#pardot-form img {

        grid-column: span 2;

        grid-row: 1;

        width: 100%;

        margin-bottom: 10px;

        padding-bottom: 0;

}

 

#pardot-form p>label {

        font-weight: bold;

        text-align: right;

        background-color: #d5dce1;

        padding: 10px;

        border-radius: 5px 0 0 5px;

        color: #0068b2;

        border: solid 1px #b7d0e1;

}

 

#pardot-form p>label,

#pardot-form p>p {

        grid-column: labels;

        grid-row: auto;

}

 

#pardot-form input[type=submit] {

        width: 100%;

        background: #d41a29;

        border-radius: 15px;

        color: #fff;

        font-size: 20px;

        font-weight: bold;

        margin-top: 10px;

        grid-column: 1/4;

        padding: 8px 5px;

        cursor: pointer;

        text-align: center !important;

}

 

#pardot-form input[type=submit]:hover {

        background: #0068b2;

}

 

#pardot-form p>input,

#pardot-form p>select,

#pardot-form p>textarea,

#pardot-form>button {

        grid-column: controls;

        grid-row: auto;

        padding: .4em;

        border: solid 1px #ccc;

        border-radius: 0px 5px 5px 0px;

        margin-left: -5px;

        background: #efefef;

        text-align: left !important;

}

 

#pardot-form p>div {

        grid-column: span 2;

}

 

#pardot-form p>textarea {

        min-height: 6em;

}

 

#sform-details {

        width: 100%;

}

 

p.form-field input,

p.form-field select,

p.form-field textarea {

        padding: 8px;

        margin: 0px;

        box-sizing: border-box;

}

 

p.form-field textarea {

        width: 100%;

}

 

form.form select {

        font-weight: 400;

        width: 100% !important;

}

 

#pardot-form input.text {

        width: 100%!important;

}

 

#pardot-form p.submit {

        display: block;

        align-self: flex-start;

        margin: 0px;

}

 

@media only screen and (max-width : 1500px) {

        #pardot-form p {

               width: 39%;

               margin-bottom: 10px;

        }

}

 

@media only screen and (max-width : 1200px) {

        #pardot-form p {

               width: 49%;

               margin-bottom: 10px;

        }

}

 

@media only screen and (max-width : 967px) {

        #pardot-form p {

               width: 69%;

               margin-bottom: 10px;

        }

}

 

@media only screen and (max-width : 767px) {

        #pardot-form p {

               width: 100%;

               margin-bottom: 10px;

        }

}