@charset "UTF-8";
/* CSS Document */

@media (min-width: 100px) {
    body {
        padding: 0px;
        margin: 0px;
       	font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
        font-size: 11px;
        line-height: 16px;
        color: #fff;
        text-align: center;
		background: #000;
		text-transform: uppercase;
    }
	
	.footer {
		padding: 0px 0px 0px 0px;
		text-align: center;
		bottom: 30px;
		position: absolute;
		width: 80%;
		margin-right: 10%;
		margin-left: 10%;
		font-size: 10px;
		line-height: 18px;
	}
	
	.wrap {
        width: 100vw;
		height:  100vh;
        margin: 0px;
        padding: 0px;
    }
	
	.contentarea {
		width: 70%;
		padding: 0px 15% 0px 15%;
	}
	
	h1 {
		font-size: 25px;
		line-height: 30px;
		margin: 0px 0px 30px 0px;
		font-weight: 400;
	}
	
	.logo {
		margin: 60px 0% 100px 0%;
		width: 70%;
	}

	p {
		font-size: 10px;
		line-height: 18px;
	}
	
    a {
        color: #fff;
        text-decoration: none;
        transition-duration: 0.2s;
    }
	
    a:hover {
        color: #FFF;
        text-decoration: underline;
    }
	
	.socials {
		margin-bottom: 20px;
	}
	
	.socialicon {
		width: 45px;
		transition-duration: 0.2s;
		opacity: 0.6;
	}
	
	.socialicon:hover {
		opacity: 1;
	}
	
	.formarea {
        padding: 5%;
        margin: 20px 0px 20px 0px;
        width: 90%;
        background: #6a0b0f;
        display: none;
    }

    .formbox {
        border: 0px;
        width: 100%;
        padding: 22px 0% 18px 0%;
        margin: 1px 0px 1px 0px;
        text-align: center;
        color: #FFF;
        background: #f10000;
        border-bottom: 0px solid #fff;
		font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
		text-transform: uppercase;
        -webkit-appearance: none;
        border-radius: 0;
		font-size: 22px;
    }

    ::placeholder {
        color: #FFF;
		opacity: 0.5;
    }

    input:focus,
    select:focus,
    textarea:focus,
    button:focus {
        outline: none;
        color: #FFF;
    }

    .formbutton {
        background: #474e52;
		border: 1px solid #474e52;
        width: 100%;
        font-size: 22px;
        color: #fff;
        margin: 1px 0px 50px 0px;
        padding: 22px 0% 18px 0%;
        text-align: center;
       	font-family: "futura-pt", sans-serif;
		font-weight: 400;
		font-style: normal;
        transition-duration: 0.2s;
        -webkit-appearance: none;
        border-radius: 0;
        display: inline-block;
		text-transform: uppercase;
    }

    .formbutton:hover {
        background: #000;
		border: 1px solid #000;
        color: #FFF;
        cursor: pointer;
        text-decoration: none;
    }
	
	.optinbox {
	width: 100%;
	margin: 30px auto 0px auto;
	text-align: center;
	font-size: 15px!important;
	line-height: 20px!important;
	}
	
}

@media (min-width: 1000px) {
	
	.contentarea {
		width: 600px;
		padding: 0px;
		margin: 0px auto 0px auto;
	}
	
	.logo {
		margin: 100px auto 100px auto;
		width: 70%;
	}
	
}