@import "//www.jotform.com/landing/sharedStyles/reset.css?rev=1";
@import "//www.jotform.com/landing/sharedStyles/common-page-styles.css?rev=1";

.page-wrap { background-color: #555; }

.content { background-color: transparent!important; height: auto; overflow: hidden; }
.footer { background-color: #313131; border-top-color: #444; }
.matchy { width: 840px; height: 600px; margin-left: auto; margin-right: auto; position: relative; margin-top: 36px; }

h2 { margin: 0; font-size: 21px; font-weight: normal; line-height: 27px; color: #ddd; }

.active h2 { color: #fff; }


.step-one { width: 360px; height: 120px; position: absolute; top: 0; left: 240px; padding-top: 36px; }
	.step-one h2 {  }
	.step-one button {}
	.step-one div {}

.step-two { width: 240px; height: 254px; position: absolute; top: 173px; left: 600px; padding-top: 100px; }
	.step-two h2 {  text-align: left; }
	.step-two button {}
	.step-two div {}

.step-three { width: 360px; height: 120px; position: absolute; top: 480px; left: 240px; }
	.step-three h2 {  }
	.step-three button {}
	.step-three div {}

.step-four { width: 240px; height: 254px; position: absolute; top: 173px; left: 0px; padding-top: 100px; }
	.step-four h2 { text-align: right; }
	.step-four button {}
	.step-four div {}

.progress { width: 320px; height: 320px; border-radius: 50%; background-color: #222; position: absolute; top: 140px; left: 260px; }
.progress:after { width: 310px; height: 310px; border-radius: 50%; background-color: #555; display: inline-block; content: ""; top: 5px; position: relative; }

.header .header-content .logo-link{
    margin: 20px 0;
}

@media (min-width: 980px) and (max-width: 1199px) {
    .header .header-content .logo-link img{
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .header .header-content .logo-link img{
        margin-top: 0;
    }
}