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

body {
	background-image:url(images/stucco2.jpg); 
	background-repeat: repeat;
	margin:0;
	padding:0;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
}

.noBreak {
	white-space:nowrap;
}

.doorContainer {
    position: absolute;
    top: 3%;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 97%;
}

.doorContainer img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mailSlot {
	height:5vh;
	width:12vh;
	position:absolute;
	background:none;
	z-index:1000;
	left: 50%;
	margin-left:1vh;
	bottom: 16%;

}
.kenSilverman {
	height:3vh;
	width:12vh;
	position:absolute;
	background:none;
	z-index:1000;
	left: 50%;
	margin-left: -14vh;
	bottom: 53%;
}	


.contactCopy {
	font-family: 'Caveat', cursive;
	font-size:24px;
	line-height:28px;
	color: #004A95;
	font-weight:600;
}

.thanksCopy {
	font-family: 'Caveat', cursive;
	font-size:36px;
	line-height:38px;
	color: #004A95;
	font-weight:600;
}

#formContainer {
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
#formbkgd {
    position: absolute;
	width:640px;
	height:600px;
	max-width:90%;
	padding:1em 5%;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background:#FFF;
	text-align:center;
	box-shadow: 6px 12px 4px rgb(50,50,50,.5);
}

.formText {
	font-family: 'Caveat', cursive;
	line-height:.9em;
	font-size:18px;
	color: #004A95;
	font-weight:600;
}

	


@media (max-width: 640px) { 
     #formContainer {
	background:#FFF;
    }
	
	#formbkgd {
	box-shadow: none;
	width:90%;
	height:640px;
	margin:0;

    }
}
	
@media (max-height: 640px) { 
#formbkgd {
	top:0;
	height:620px;
	max-height:620px;
	margin:2em 0;
	transform: translate(-50%, 0);
}
     #formContainer {
	height:700px;
    }
}
	
@media (max-width: 620px) { 
.doorContainer {
    top: 0;
    height: 100%;
}

.doorContainer img{
    width: 100%;
    height: auto;
}
.mailSlot {
	width:18%;
	bottom:0%;
	top:50%;
	margin-top:43vw;
}

.kenSilverman {
	width:18%;
	bottom:0%;
	margin-left:-21vw;
	top:50%;
	margin-top:-5vh;
}



@media (max-width: 320px) { 
.contactCopy {
	font-size:18px;
	line-height:20px;
}


.doorContainer img{
    width: 96%;
    height: auto;
}
	
    }
	
}