body {
    font-family: 'Lato', sans-serif;
    overflow:hidden

}

.wps {
    height:100vh;
    width:100vw;
}

.top {
    height:100px;
    background-color:#fff;
}

.logo {
    max-height:70px;
    margin:15px 0;
}

.content {
    height: calc(100vh - 200px);
    width:100vw;
    background-color:#fff;
    border-right:100px solid #fff;
    border-left:100px solid #fff;
}

a.btn {
    margin: auto;
    text-align: center;
    border:1px solid #000;
    background-color:#fff;
    color:#000;
    border-radius: 15px;
    text-transform: uppercase;
    font-size:12px;
    letter-spacing: 1px;
}

a.btn:hover {
    border:1px solid #000;
    background-color:#000;
    color:#fff;
}

p {
	text-transform: uppercase;
	text-align:center;
	letter-spacing: 1px;
	font-size:12px;
}

.image {
    margin: 0 auto;
}

.footer {
    height:100px;
    background-color:#fff;
    align-items: center;
}

.legacy {
    max-height:10px;
    margin:0 auto;
}

.mx-auto {
    align-items: center;
}

@media (max-width: 1200px) {
	.top {
	    height:50px;
	    background-color:#fff;
	}
	.logo {
	    max-height:40px;
	    margin:5px 0;
	}
	.content {
	    height: calc(100vh - 100px);
	    width:100vw;
	    border-right:50px solid #fff;
	    border-left:50px solid #fff;
	}
	.footer {
	    height:50px;
	}
}

/*!---------- SPACING ----------*/

.m0 { margin:0 !important; }

.mr0{ margin-right: 0; }
.mb0{ margin-bottom: 0 !important; }
.mb8{ margin-bottom: 8px; }
.mb16{ margin-bottom: 16px; }
.mb24{ margin-bottom: 24px; }
.mb30{ margin-bottom: 30px; }
.mb32{ margin-bottom: 32px; }
.mb40{ margin-bottom: 40px; }
.mb48{ margin-bottom: 48px; }
.mb56{ margin-bottom: 56px; }
.mb64{ margin-bottom: 64px; }
.mb72{ margin-bottom: 72px; }
.mb80{ margin-bottom: 80px; }
.mb88{ margin-bottom: 88px; }
.mb96{ margin-bottom: 96px; }
.mb104{ margin-bottom: 104px; }
.mb112{ margin-bottom: 112px; }
.mb120{ margin-bottom: 120px; }
.mb160{ margin-bottom: 160px; }
.mb240{ margin-bottom: 240px; }

.mt0{ margin-top: 0 !important; }
.mt8{ margin-top: 8px; }
.mt16{ margin-top: 16px; }
.mt24{ margin-top: 24px; }
.mt32{ margin-top: 32px; }
.mt40{ margin-top: 40px; }
.mt48{ margin-top: 48px; }
.mt56{ margin-top: 56px; }
.mt64{ margin-top: 64px; }
.mt72{ margin-top: 72px; }
.mt80{ margin-top: 80px; }
.mt88{ margin-top: 88px; }
.mt96{ margin-top: 96px; }
.mt104{ margin-top: 104px; }
.mt112{ margin-top: 112px; }
.mt120{ margin-top: 120px; }
.mt160{ margin-top: 160px; }

.p32{ padding: 0 32px; }
.p24{ padding: 24px; }
.p0{ padding: 0; }
.pt0{ padding-top: 0; }
.pt8{ padding-top: 8px; }
.pt16{ padding-top: 16px; }
.pt24{ padding-top: 24px; }
.pt32{ padding-top: 32px; }
.pt40{ padding-top: 40px; }
.pt48{ padding-top: 48px; }
.pt64{ padding-top: 64px; }
.pt72{ padding-top: 72px; }
.pt80{ padding-top: 80px; }
.pt88{ padding-top: 88px; }
.pt96{ padding-top: 96px; }
.pt104{ padding-top: 104px; }
.pt112{ padding-top: 112px; }
.pt120{ padding-top: 120px; }
.pt160{ padding-top: 160px; }
.pt180{ padding-top: 180px; }
.pt240{ padding-top: 240px; }

.pb0{ padding-bottom: 0; }
.pb8{ padding-bottom: 8px; }
.pb16{ padding-bottom: 16px; }
.pb24{ padding-bottom: 24px; }
.pb32{ padding-bottom: 32px; }
.pb40{ padding-bottom: 40px; }
.pb48{ padding-bottom: 48px; }
.pb56{ padding-bottom: 56px; }
.pb64{ padding-bottom: 64px; }
.pb72{ padding-bottom: 72px; }
.pb80{ padding-bottom: 80px; }
.pb88{ padding-bottom: 88px; }
.pb96{ padding-bottom: 96px; }
.pb104{ padding-bottom: 104px; }
.pb112{ padding-bottom: 112px; }
.pb120{ padding-bottom: 120px; }
.pb160{ padding-bottom: 160px; }
.pb180{ padding-bottom: 180px; }
.pb240{ padding-bottom: 240px; }

@media all and (max-width: 990px){
	.mb-s-0{ margin-bottom: 0; }
	.mb-s-8{ margin-bottom: 8px; }
	.mb-s-16{ margin-bottom: 16px; }
	.mb-s-24{ margin-bottom: 24px; }
	.mb-s-32{ margin-bottom: 32px; }
	.mb-s-40{ margin-bottom: 40px; }
	.mb-s-48{ margin-bottom: 48px; }
	.mb-s-64{ margin-bottom: 64px; }
	.mb-s-72{ margin-bottom: 72px; }
	.mb-s-80{ margin-bottom: 80px; }
	.mb-s-88{ margin-bottom: 88px; }
	.mb-s-96{ margin-bottom: 96px; }
	.mb-s-104{ margin-bottom: 104px; }
	.mb-s-112{ margin-bottom: 112px; }
	.mb-s-120{ margin-bottom: 120px; }
}

@media all and (max-width: 990px){
	.mb-sm-0{ margin-bottom: 0; }
	.mb-sm-8{ margin-bottom: 8px; }
	.mb-sm-16{ margin-bottom: 16px; }
	.mb-sm-24{ margin-bottom: 24px; }
	.mb-sm-32{ margin-bottom: 32px; }
	.mb-sm-40{ margin-bottom: 40px; }
	.mb-sm-48{ margin-bottom: 48px; }
	.mb-sm-64{ margin-bottom: 64px; }
	.mb-sm-72{ margin-bottom: 72px; }
	.mb-sm-80{ margin-bottom: 80px; }
	.mb-sm-88{ margin-bottom: 88px; }
	.mb-sm-96{ margin-bottom: 96px; }
	.mb-sm-104{ margin-bottom: 104px; }
	.mb-sm-112{ margin-bottom: 112px; }
	.mb-sm-120{ margin-bottom: 120px; }

	.mt-sm-0{ margin-top: 0 !important; }
	.mt-sm-8{ margin-top: 8px; }
	.mt-sm-16{ margin-top: 16px; }
	.mt-sm-24{ margin-top: 24px; }
	.mt-sm-32{ margin-top: 32px; }
	.mt-sm-40{ margin-top: 40px; }
	.mt-sm-48{ margin-top: 48px; }
	.mt-sm-56{ margin-top: 56px; }
	.mt-sm-64{ margin-top: 64px; }
	.mt-sm-72{ margin-top: 72px; }
	.mt-sm-80{ margin-top: 80px; }
	.mt-sm-88{ margin-top: 88px; }
	.mt-sm-96{ margin-top: 96px; }
	.mt-sm-104{ margin-top: 104px; }
	.mt-sm-112{ margin-top: 112px; }
	.mt-sm-120{ margin-top: 120px; }

	.p0-sm{ padding: 0; }
	.pt-sm-0{ padding-top: 0; }
	.pt-sm-8{ padding-top: 8px; }
	.pt-sm-16{ padding-top: 16px; }
	.pt-sm-24{ padding-top: 24px; }
	.pt-sm-32{ padding-top: 32px; }
	.pt-sm-40{ padding-top: 40px; }
	.pt-sm-48{ padding-top: 48px; }
	.pt-sm-64{ padding-top: 64px; }
	.pt-sm-72{ padding-top: 72px; }
	.pt-sm-80{ padding-top: 80px; }
	.pt-sm-88{ padding-top: 88px; }
	.pt-sm-96{ padding-top: 96px; }
	.pt-sm-104{ padding-top: 104px; }
	.pt-sm-112{ padding-top: 112px; }
	.pt-sm-120{ padding-top: 120px; }
	.pt-sm-160{ padding-top: 160px; }

	.pb-sm-0{ padding-bottom: 0; }
	.pb-sm-8{ padding-bottom: 8px; }
	.pb-sm-16{ padding-bottom: 16px; }
	.pb-sm-24{ padding-bottom: 24px; }
	.pb-sm-32{ padding-bottom: 32px; }
	.pb-sm-40{ padding-bottom: 40px; }
	.pb-sm-48{ padding-bottom: 48px; }
	.pb-sm-64{ padding-bottom: 64px; }
	.pb-sm-72{ padding-bottom: 72px; }
	.pb-sm-80{ padding-bottom: 80px; }
	.pb-sm-88{ padding-bottom: 88px; }
	.pb-sm-96{ padding-bottom: 96px; }
	.pb-sm-104{ padding-bottom: 104px; }
	.pb-sm-112{ padding-bottom: 112px; }
	.pb-sm-120{ padding-bottom: 120px; }
}

@media all and (max-width: 767px){
	.mb-xs-0{ margin-bottom: 0; }
	.mb-xs-8{ margin-bottom: 8px; }
	.mb-xs-16{ margin-bottom: 16px; }
	.mb-xs-24{ margin-bottom: 24px; }
	.mb-xs-32{ margin-bottom: 32px; }
	.mb-xs-40{ margin-bottom: 40px; }
	.mb-xs-48{ margin-bottom: 48px; }
	.mb-xs-64{ margin-bottom: 64px; }
	.mb-xs-72{ margin-bottom: 72px; }
	.mb-xs-80{ margin-bottom: 80px; }
	.mb-xs-88{ margin-bottom: 88px; }
	.mb-xs-96{ margin-bottom: 96px; }
	.mb-xs-104{ margin-bottom: 104px; }
	.mb-xs-112{ margin-bottom: 112px; }
	.mb-xs-120{ margin-bottom: 120px; }

	.mt-xs-0{ margin-top: 0 !important; }
	.mt-xs-8{ margin-top: 8px; }
	.mt-xs-16{ margin-top: 16px; }
	.mt-xs-24{ margin-top: 24px; }
	.mt-xs-32{ margin-top: 32px; }
	.mt-xs-40{ margin-top: 40px; }
	.mt-xs-48{ margin-top: 48px; }
	.mt-xs-56{ margin-top: 56px; }
	.mt-xs-64{ margin-top: 64px; }
	.mt-xs-72{ margin-top: 72px; }
	.mt-xs-80{ margin-top: 80px; }
	.mt-xs-88{ margin-top: 88px; }
	.mt-xs-96{ margin-top: 96px; }
	.mt-xs-104{ margin-top: 104px; }
	.mt-xs-112{ margin-top: 112px; }
	.mt-xs-120{ margin-top: 120px; }

	.p0-xs{ padding: 0; }
	.pt-xs-0{ padding-top: 0; }
	.pt-xs-8{ padding-top: 8px; }
	.pt-xs-16{ padding-top: 16px; }
	.pt-xs-24{ padding-top: 24px; }
	.pt-xs-32{ padding-top: 32px; }
	.pt-xs-40{ padding-top: 40px; }
	.pt-xs-48{ padding-top: 48px; }
	.pt-xs-64{ padding-top: 64px; }
	.pt-xs-72{ padding-top: 72px; }
	.pt-xs-80{ padding-top: 80px; }
	.pt-xs-88{ padding-top: 88px; }
	.pt-xs-96{ padding-top: 96px; }
	.pt-xs-104{ padding-top: 104px; }
	.pt-xs-112{ padding-top: 112px; }
	.pt-xs-120{ padding-top: 120px; }
	.pt-xs-160{ padding-top: 160px; }
	.pt-xs-180{ padding-top: 180px; }
	.pt-xs-240{ padding-top: 240px !important; }

	.pb-xs-0{ padding-bottom: 0; }
	.pb-xs-8{ padding-bottom: 8px; }
	.pb-xs-16{ padding-bottom: 16px; }
	.pb-xs-24{ padding-bottom: 24px; }
	.pb-xs-32{ padding-bottom: 32px; }
	.pb-xs-40{ padding-bottom: 40px; }
	.pb-xs-48{ padding-bottom: 48px; }
	.pb-xs-64{ padding-bottom: 64px; }
	.pb-xs-72{ padding-bottom: 72px; }
	.pb-xs-80{ padding-bottom: 80px; }
	.pb-xs-88{ padding-bottom: 88px; }
	.pb-xs-96{ padding-bottom: 96px; }
	.pb-xs-104{ padding-bottom: 104px; }
	.pb-xs-112{ padding-bottom: 112px; }
	.pb-xs-120{ padding-bottom: 120px; }
	.pb-xs-180{ padding-bottom: 180px; }
	.pb-xs-240{ padding-bottom: 240px !important; }
}