#listForm {
	position: absolute;
	width: 50vw;
	height: 50vh;
	top: 25vh;
	left: 25vw;
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	border: 3px ridge silver;
}

#listForm ul {
	list-style: none;
	position: absolute;
	width: 50vw;
	height: 50vh;
	left: 0;
	top: 0;
	border-radius: 10px;
	background-color: transparent;
}

#listForm ul li {
	width: 50vw;
	height: 10vh;
	background-color: transparent;
}

#listForm ul li:nth-child(3) {
	height: 20vh;
}

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

#listForm input[name=title] {
	text-align: center;
}

#listForm input[type=submit] {
	cursor: pointer;
}

#listForm input, #listForm select, #listForm textarea {
	width: 49.5vw;
	height: 100%;
	resize: none;
	background-color: transparent;
	border: none;
	line-height: 10vh;
	padding-left: 0.5vw;
	font-size: 1.5em;
	background-color: transparent;
}

#listForm input[name=listLocation], #listForm select {
	width: 25vw;
	height: 10vh;
}

#listForm select {
	position: absolute;
	left: 25vw;
	width: 25vw;
	background-color: transparent;
}

#listForm select option {
	background-color: transparent;
}

.transparent {
	color: dodgerblue;
	background-color: transparent;
}


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


/*PORTRAIT SCREENS*/
@media only screen and (orientation: portrait) {

}/*end 1024px*/




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

}/*end 1024px*/





/*small screens*/
@media only screen and (max-width:736px) {
	#listForm input, #listForm textarea, #listForm select {
		font-size: 1em;
	}
}/*end 736px*/





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

}/*end 627px*/


@media only screen and (max-width : 480px) {
	#listForm input, #listForm textarea, #listForm select {
		font-size: 0.75em;
	}
}/*end 480px*/









/*Smartphone*/
@media only screen and (max-width:568px) and (orientation: landscape) {

}/*end 568px landscape*/


@media only screen and (max-width:675px) and (max-height: 500px) {

}/*end 350px landscape*/