#mobilebuttoncontainer{display:none;}
	
	#hero div.button{
		background-color: rgba(102, 51, 153, 1);		
		color: white;
		/*text-transform: uppercase;*/
		min-width: 18%;
		text-align:center;
		font-size: 1.4em;
		white-space:nowrap;
		padding: 0.1em 0;
		clear:both;
		float: right;
		/*border: 4px solid white*/
		/*text-shadow: 2px 2px black;*/
		/* font-family: 'Oswald', sans-serif; margin: 0.5em 2em 0.5em 0;*/
		margin: 0.5em 2em 0.5em 0;

	}
	
	#hero div.button:nth-of-type(3){
		margin-bottom: 2.5em;	
	}	
	
	#hero div.button a{
		color:white !important;
		display:block;
		width:100%;
	}

	#hero div.button a:hover{
		
		color: #fc0 !important;
	}

	div#hero{
		
		text-align:right;			
		background: url("");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		min-height: 100px;
		max-height: 403px;
		height:100%;
		overflow: hidden;
		padding: 2.5em 0;
		
	}

	@media only screen and (max-width: 1550px) {
		#hero div.button{
			min-width: 22%;
		}

	}
	
	@media only screen and (max-width: 1240px) {
		#hero div.button{
			min-width: 25%;
		}

	}
	
	@media only screen and (max-width: 1120px) {
		#hero div.button{
			min-width: 28%;
		}

	}
	

	@media only screen and (max-width: 950px) {
		
		#hero{
			margin-top: 2.5em;
			
		}
		
		#hero div.button{
			display:none;
		}
		
		#mobilebuttoncontainer{
			display: block;	
		}
		
		#mobilebuttoncontainer div.button{
			background-color: rgba(102, 51, 153, 1);		
			color: white;
			
			text-align:center;
			font-size: 1.2em;
			white-space:nowrap;
			padding: 0em 0;
			clear:both;
			float: none;			
			margin: 0.25em 0 0.25em 0;
			width: 100%;
	
		}	
		
		#mobilebuttoncontainer div.button a{
			color:white !important;
			display:block;
			width:100%;
		}
	
		#mobilebuttoncontainer div.button a:hover{
			
			color: #fc0 !important;
		}
		 
	}