body {
background-color:#000000;
    background-image: url(/images/tint.png);
    background-repeat: no-repeat;
background-position:605px 0px;
}

.middle {
color:#ffffff;
font-family:Arial,"Times New Roman",Helvetica;
font-size:1.3em;

}

@media (max-width: 415px) {
  #fade {
    min-width:90%;
    min-height:75%;
  }
form {
width:99%;
font-size:1em;
}
body {
background-color:#000000;
background-image:none;
}
.logo {
width:90%;
}
.middle {
bottom:25px;
left:22px;

/*position:absolute;*/
top:110px;
}
.middle h1 {
font-size:0.9em;
}
.footer {
display:none;	
}	

}

@media (max-width:720px) {
	.logo {width:90%}
	body {
background-color:#000000;
background-image:none;
}
.middle {

/*position:absolute;*/

}
}

@media (min-width:721px) {

.middle {
/*position:absolute;*/

/* bottom:150px; */
left:60px;
width:550px;
}
}

.middle h1 {
font-size:0.9em;
bottom:50px;
}

.header .logo {
position:relative;
left:22px;
top:-7px;
}

form {
font-size:1.5em;
background-color:black;
color:#ffffff;
font-family:Arial,"Times New Roman",Helvetica;
}

.manage  {
width:300px;
}

p {
font-size:0.9em;
font-family:Arial,"Times New Roman",Helvetica;
}

p a {
color:#ffffff;
}

p span {
color:#943D97;
}

.wrapper {
min-height:100%;
position:relative;
margin-bottom:-25px;
}

.footer {

color:white;
/*position:absolute;*/
bottom:-25px;
position:fixed;

  left: 50%;
  transform: translate(-50%, -50%);

}

fieldset {
border: 2px solid #943D97;
}
legend {
border: 5px solid #943D97;
}

input[type=submit] {
    border: 1px solid #943d97;
    color: #fff;
    background: #943d97;
    padding: 10px 20px;
    border-radius: 3px;
}
input[type=submit]:hover {
    background: #863788;
}


.close-x {
font-size: 1.5em;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 10px;
	color:#ffffff;
}

 #created {
border: 2px solid #943D97;
padding:3px;
font-size:0.6em;
    background-color: #943D97;
    background-image: linear-gradient(135deg, transparent,
                      transparent 25%, hsla(0,0%,0%,.1) 25%,
                      hsla(0,0%,0%,.1) 50%, transparent 50%,
                      transparent 75%, hsla(0,0%,0%,.1) 75%,
                      hsla(0,0%,0%,.1));
   
    box-shadow: 0 5px 0 hsla(0,0%,0%,.1);
    color: #f6f6f6;
	background-size: 20px 20px;
} 

input[type=text]#extra {
	display:none;
	visibility:hidden;
}

input[type=checkbox]#mailinglistcheck {
	display:none;
	visibility:hidden;
}


















#fadeandscale {
    -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(1.6);
}
.popup_visible #fadeandscale {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(2);
}