figure {
   margin:0;
   padding:0;
   border:0;
   font-size:100%;
   font:inherit;
   vertical-align:baseline;
}

figure{
   display: block;
}

.figure{
	text-align:center;
	margin:4em auto;
}
.figure img {
    width: 20%;
    margin: 0 auto;
    border: 3px solid #d5c395;
}

/*-- start-responsive-design --*/
@media (max-width:1440px){
	.input_form input[type="text"], .input_form input[type="password"] {
		width: 83%;
	}
}
@media (max-width:1280px){
	.main {
		width: 35%;
	}
}
@media (max-width: 1024px){
	.main {
		width: 45%;
	}
	.figure img {
		width: 13%;
	}
}
@media (max-width:768px){
	.figure img {
		width: 17%;
	}
	.main {
		width: 60%;
	}
}
@media (max-width:667px){
	.main {
		padding: 3em 3em 4em;
		width: 65%;
	}
}
@media (max-width:640px){
	.figure {
		margin: 3em auto;
	}
}
@media (max-width:600px){
	.head h1 {
		font-size: 1.8em;
	}
	.head {
		margin: 0 0 2em;
	}
	.main:before {
		left: 43%;
	}
	.input_form input[type="text"], .input_form input[type="password"] {
		width: 81%;
	}
}
@media (max-width:568px){
	.figure img {
		width: 20%;
		border: 3px solid #d5c395;
	}
	.main {
		width: 68%;
	}
	.input_form input[type="text"], .input_form input[type="password"] {
		width: 81%;
	}
}
@media (max-width:480px){
	.figure img {
		width: 25%;
	}
	.main {
		width: 80%;
		padding: 2em 2em 3em;
	}
	.footer p {
		width: 80%;
		margin: 0 auto;
		line-height: 1.8em;
	}
}
@media (max-width:414px){
	.head h1 {
		font-size: 1.5em;
	}
	.input_form input[type="text"], .input_form input[type="password"] {
		width: 79%;
	}
}
@media (max-width:384px){
	.figure {
		margin: 2em auto;
	}
	.figure img {
		width: 30%;
	}
	.main {
		width: 85%;
		padding: 1.5em 1.5em 3em;
		margin: 2.5em auto 0;
	}
	.input_form input[type="text"], .input_form input[type="password"] {
		width: 77%;
	}
	.input_form input[type="submit"] {
		font-size: 1.2em;
	}
}
@media (max-width:375px){
	.main:before {
		left: 41%;
	}
}
@media (max-width:320px){
	.main:before {
		background: url(../images/3.png) no-repeat 0px 0px;
		background-size: 100%;
		height: 25px;
		width: 45px;
		left: 42%;
	}
	.head h1 {
		font-size: 1.2em;
	}
	.head {
		margin: 0 0 1.5em;
	}
	.input_form input[type="text"], .input_form input[type="password"] {
		width: 73%;
		font-size: 14px;
	}
	.input_form input[type="text"] {
		background: url(../images/1.png) no-repeat 18px 8px #efe1c4;
	}
	.input_form input[type="password"] {
		background: url(../images/2.png) no-repeat 18px 8px #efe1c4;
	}
	.input_form input[type="submit"] {
		font-size: 1em;
	}
	.main {
		width: 84%;
		padding: 1.5em 1.5em 2em;
		margin: 2em auto 0;
	}
	.footer p {
		font-size: 13px;
	}
}