#contactContainer {
	width: 50vw;
	height: 50vh;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25vw;
	margin-top: -25vh;

}

#contactForm {
	position: absolute;
	width: 50vw;
	height: 50vh;
	top: 50%;
	left: 50%;
	margin-top: -25vh;
	margin-left: -25vw;
	border-radius: 10px;
	border: 3px ridge silver;
	font-size: 1.5em;
	background-color: rgba(0, 0, 0, 0.15);
	font-family: sans-serif;
}

#contactForm ul {
	list-style: none;
}

#contactForm li:first-child {
}

#contactForm li:last-child {
	border-bottom-left-radius: 7.5px;
	border-bottom-right-radius: 7.5px;
	background-color: rgba(0, 0, 0, 0.5);
}

#contactForm input[type=name], #contactForm input[type=email], #contactForm input[type=submit] {
	width: 100%;
	height: 8.33vh;
	background-color: transparent !important;
	border: none !important;
	text-align: center;
	line-height: 8.33vh;
}

#contactForm input[type=name] {
	border-top-left-radius: 7.5px;
	border-top-right-radius: 7.5px;
}

#contactForm input[type=submit] {
	width: 100%;
	cursor: pointer;
	line-height: 8.33vh;
}

#contactForm textarea {
	width: 100%;
	height: 25vh;
	resize: none;
	margin-bottom: -5px;
	background-color: transparent !important;
	border: none !important;
	text-align: center;
	line-height: 8.33vh;
	font-family: sans-serif;
}








#successfullResult, #unsuccessfullResult {
	position: absolute;
	z-index: 1250;
	width: 25vw;
	height: 5vh;
	line-height: 2.5vh;
	left: 37.5vw;
	top: 80vh;
	background-color: red;
	border-radius: 10px;
	box-shadow: 0 0 3px red;
	text-align: center;
	font-size: 1em;
}

#successfullResult {
	background-color: rgba(0, 255, 0, 0.5);
	box-shadow: 0 0 3px green;

}

#unsuccessfullResult {
	background-color: rgba(255, 0, 0, 0.5);
	box-shadow: 0 0 3px red;
}










::-webkit-input-placeholder, ::-webkit-textarea-placeholder { /* Chrome */
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
}
:-ms-input-placeholder, :-ms-textarea-placeholder { /* IE 10+ */
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
}
::-moz-placeholder { /* Firefox 19+ */
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
  opacity: 1;
}


/*//////////////////////////////////////////////////////////////////////////MEDIA QUERIES*/
/*///////////////////////////////////////////////////////////////////////////////////////*/


/*MEDIUM SCREENS*/
@media only screen and (max-width: 960px) {

}/*end 960px*/





/*small screens*/
@media only screen and (max-width:768px) {
	#contactForm {
		font-size: 1em;
	}

	#successfullResult, #unsuccessfullResult {
		font-size: 0.75em;
	}
}/*end 768px*/


/*Iphone 6*/
@media only screen and (max-width:736px) {

	#successfullResult, #unsuccessfullResult {
		font-size: 0.66em;
	}
}/*end 736px*/





/*Iphone 6*/
@media only screen and (max-width:627px) {

}/*end 627px*/





/*Smartphone*/
@media only screen and (max-width:568px) {
	#successfullResult, #unsuccessfullResult {
		font-size: 0.5em;
	}
}/*end 568px*/




@media only screen and (max-width : 480px) {
	#successfullResult, #unsuccessfullResult {
		font-size: 0.4em;
	}
}/*end 480px*/




@media only screen and (max-width : 320px) {
	#successfullResult, #unsuccessfullResult {
		font-size: 0.25em;
	}
}/*end 320px*/