#navbarBrand1 a.navbar-item {
		color:yellow;
}

#navbarBrand1 a.navbar-item:hover {
		color:red;
}

#navbarBrand1 span.navbar-burger {
		color:yellow;
}

#navbarHeroHead1 a.navbar-item:hover {
		background-color:yellow;
}

.navbar-dropdown a.navbar-item {
	border-color:yellow;
}

#puo {
	border-radius: 5px;
	padding-left: 10%;
	padding-right: 10%;
}

@media only screen and (max-width: 600px) {
	#puoslide {
		display: none;
	}

	#puoimage {
		display: block;
	}

	#puoc {
		border-radius: 5px;
		padding-left: 10%;
		padding-right: 10%;
	}

	#puoinput1 {
		font-size: 14px;
		width: 24%;
		padding-top: 2px;
		font-weight: normal;
	}

	#puoinput2 {
		font-size: 11px;
		width: 76%;
	}
	
	#puoinput1b {
		font-size: 14px;
		width: 40%;
		padding-top: 2px;
		font-weight: normal;
	}

	#puoinput2b {
		font-size: 11px;
		width: 60%;
	}

	#puoinput1c {
		font-size: 14px;
		width: 40%;
		padding-top: 2px;
		font-weight: normal;
	}

	#puoinput2c {
		font-size: 11px;
		width: 60%;
	}

	#puotitle {
		background-color: black; 
		color: white; 
		padding-bottom: 10px; 
		padding-top: 10px; 
		font-size: 20px;
	}

	#puostat {
		margin-right: 1px;
		margin-left: 1%;
	}

	#puobutton {
		background-color: #D5D8DC; 
		color: black;
		font-weight: bold;
	}

	#puoyuran {
		color: white; 
	}

	#puomanual {
		color: white; 
	}

}

@media only screen and (min-width: 601px) {
	#puoslide {
		display: block;
	}

	#puoimage {
		display: none;
	}

	#puoc {
		border-radius: 5px;
		padding-left: 20%;
		padding-right: 20%;
	}

	#puoinput1 {
		font-size: 17px;
		width: 20%;
		padding-top: 4px;
		font-weight: normal;
	}

	#puoinput2 {
		font-size: 16px;
		width: 80%;
		height: 20%;
	}

	#puoinput1b {
		font-size: 17px;
		width: 35%;
		padding-top: 4px;
		font-weight: normal;
	}

	#puoinput2b {
		font-size: 16px;
		width: 65%;
		height: 20%;
	}

	#puoinput1c {
		font-size: 17px;
		width: 25%;
		padding-top: 4px;
		font-weight: normal;
	}

	#puoinput2c {
		font-size: 16px;
		width: 75%;
		height: 20%;
	}
	
	#puotitle {
		background-color: black; 
		color: white; 
		padding-top: 10px; 
		padding-bottom: 10px; 
		font-size: 20px;
	}

	#puostat {
		margin-right: 28px;
	}

	#puocaptcha {
		margin-left: 21%;
	}

	#puoklik {
		margin-left: 21%;
	}

	#puoklik2 {
		margin-left: 26%;
	}

	#puoklik3 {
		margin-left: 36%;
	}

	#puocaptcha2 {
		margin-left: 26%;
	}
	
	#puobutton {
		background-color: #D5D8DC; 
		color: black;
		font-weight: bold;
	}

	#puoyuran {
		color: white; 
		padding-left: 20%;
	}

	#puomanual {
		color: white; 
		padding-left: 40px;
	}

}