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

@media (min-width: 1401px) {
	li {
		padding-left: 30px;
		padding-right: 70px;
	}
	#nelson {
		left: 6%;
	}
	#phil {
		right: 6%;
	}
	#bill{
		left: 20%;
	}
	.BubbleContainer{
		right: 20%;
	}
}

@media (max-width: 1400px) {
	li {
		padding-left: 25px;
		padding-right: 65px;
	}
	#nelson {
		left: 3%;
	}
	#phil {
		right: 3%;
	}
	.BubbleContainer{
		right: 10%;
	}
	#bill{
		left: 4%;
	}
}

@media (max-width: 1000px) {
    #nelson{
		width: 20%;
		left: 5px;
	}
	#phil{
		width: 20%;
		right: 0px;
	}
	#logo{
		width: 90%;
	}
	.BubbleContainer{
		right: 5%;
	}
	#bill{
		left: 1%;
		width: 75%;
	}
}
@media (max-width: 640px) {
	.HalfColumn{
		width: 90%;
	}
	li {
		padding-right: 30px;
	}
	
}
@media (max-width: 400px) {
	#nelson, #phil{
		display: none;
	}
	.CopyContainer{
		width: 90%;
	}
}