*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	font-family: 'Nunito Sans', sans-serif;
	color: #333;
	font-size: 18px;
}
img{
	width: 100%;
}
a{border-bottom: 1px solid #ff6600;color:#666;text-decoration: none;}
a:hover{color: #ff6600;text-decoration: none}
.logo{max-width: 100%;width: auto;}
article ul, .article ul, ol{padding-left: 1.25em;margin-top: 15px;}
article li, .article li, ol li {margin-bottom: 15px;}
.doc-wrapper{width: 100%;max-width: 1000px;padding: 10px 30px 50px;margin: 0 auto;}
.article-title{margin-bottom: 20px;margin-top: 0;font-weight: 600;font-size: 2em;}
article h4, .article h4 {font-size: 22px;margin-bottom: 15px;margin-top: 15px;font-weight: 600;}
.img-wrap img{width: 100%;margin: 15px auto;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);}
.header{background: #f4f6f8;border: 1px solid #dfe3e8;border-radius: 5px;
    color: #212b36;margin-bottom: 20px;padding: 30px;text-align: center;}
.feedback-container{background: #f4f6f8;border: 1px solid #dfe3e8;border-radius: 5px;color: #212b36;
	margin-bottom: 20px;padding: 30px;text-align: center;}
.feedback-container h4{font-size: 1.15em;font-weight: 600;margin-bottom: 15px;}
.contact-button{box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);background-color: #ff6600;color: #fff;
padding: 15px 30px;display: inline-block;border-radius: 4px;font-weight: 600;font-size: 1em;
line-height: 1.133;border-bottom: none;}
.contact-button:hover{color: #fff;background:#d55805;}
.no-underline{border-bottom: none;}

.doc-wrapper {width: 100%;max-width: 1000px;padding: 10px 30px 50px;margin: 0 auto;}
.header {background: #f4f6f8;
    border: 1px solid #dfe3e8;border-radius: 5px;color: #212b36;margin-bottom: 20px;padding: 30px;text-align: center;}
.logo {max-width: 100%;width: auto;}
.contain {background-color: #f4f6f8;max-width: 1170px;margin-left: auto;margin-right: auto;padding: 1em;
border: 1px solid #dfe3e8;border-radius: 5px;}
div.form {background-color: #f4f6f8;}
.contact-wrapper {margin: 0 auto;}
.submit-btn {float: left;cursor: pointer;}
.reset-btn {float: right;cursor: pointer;}
.form-headline{margin-bottom: 30px;}
.form-headline:after {content: "";display: block;width: 10%;padding-top: 10px;border-bottom: 3px solid #333;}
::-webkit-input-placeholder {font-family: 'Nunito Sans', sans-serif;}
.required-input {color: black;}
@media (min-width: 600px) {
  .contain {padding: 0;}
}

h3,
ul {margin: 0;}
h3 {margin-bottom: 1rem;}
.form-input:focus,
textarea:focus{outline: 1.5px solid #ff6600;}
.form-input,
textarea {width: 100%;border: 1px solid #bdbdbd;border-radius: 5px;background: #fff;}
.wrapper > * {padding: 1em;}
@media (min-width: 700px) {
  .wrapper {display: grid;grid-template-columns: 2fr 0fr;}
  .wrapper > * {padding: 2em 2em;}
}
ul {list-style: none;padding: 0;}
.contacts {color: #212d31;}
.form {background: #fff;}
form {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
form label {display: block;}
form p {margin: 0;}
.full-width {grid-column: 1 / 3;}
button,
.submit-btn,
.form-input,
textarea {padding: 1em;}
button, .submit-btn {background: transparent;
  border: 1px solid #ff6600;color: #ff6600;border-radius: 3px;padding: 15px 20px;text-transform: uppercase;}
button:hover, .submit-btn:hover,
button:focus , .submit-btn:focus{background: #ff6600;outline: 0;color: #eee;}
.error {color: #ff6600;}
.mt-30{margin-top: 30px}