.modal{
	color:black!important;
}

a,a:focus,a:hover {
  color: #fff;
}

html,body {
  height: 100%;
  background-color: #333;
  color:white;
}

#overflowscroll{
	overflow:scroll;
}

/*homepage*/
.homepage  h1{
	color:white;
}

body {
	padding:0px;
	text-align: center;
}

.navbar img{
	margin:13px;
}
	
.navbar{
	background-color:navyblue;/*#334;*/
	margin:0px;
}
	
.money{
	color:gold;
	font-size:36px;
}

input,select{
	color:black;
}

::-webkit-scrollbar { 
    display: none; 
}

.payplussign{
	color:green;
	font-size:35px;
}

.workercode{
	color:lightgreen;
}
	
.orderbutton{
	display:none;
	float:right;
}

.textshadow{
	text-shadow:2px 2px 2px black;
}

.isworkerworking{
	margin:7px;
}


@media screen and (width:0px){
	#button{
		height:170px;
		width:120px;
		padding:20px;
		font-size:10px;
		margin:10px;
	}
	
	.displaynone{
		display:none!important;
	}
	.springbutton{
		display:none!important;
	}
	
	
	.summerbutton{
		display:none!important;
	}
	
	
		
	.fallbutton{
		display:none!important;
	}
	
	
	.winterbutton{
		display:none!important;
	}
	
}

@media screen and (width:768px){
	#button{
		height:290px;
		width:340px;
		padding:20px;
		font-size:35px;
		margin:10px;
	}
	
	.displaynone{
		display:none!important;
	}
	.springbutton{
		display:none!important;
	}
	
	
	.summerbutton{
		display:none!important;
	}
	
	
		
	.fallbutton{
		display:none!important;
	}
	
	
	.winterbutton{
		display:none!important;
	}
}

@media screen and (width:1000px){
	.springbutton{
		display:none!important;
		

	}
	
	#button{
		height:200px;
		width:500px;
		padding:20px;
		font-size:35px;
		margin:10px;
	}
	
	.displaynone{
		display:none!important;
	}
	.summerbutton{
		display:none!important;

	
	}
	
	
		
	.fallbutton{
		display:none!important;

	
	}
	
	
	.winterbutton{
		display:none!important;
	
	
	}
}

@media screen and (width:1920px){
	.springbutton{
		display:none!important;
		

	}
	
	#button{
		height:400px;
		width:500px;
		padding:20px;
		font-size:35px;
		margin:10px;
	}
	
	.displaynone{
		display:none!important;
	}
	
	.summerbutton{
		display:none!important;

	
	}
	
	
		
	.fallbutton{
		display:none!important;

	
	}
	
	
	.winterbutton{
		display:none!important;
	
	}
}








/*phone*/
@media screen and (min-width:0px){

	.jumbotron{ 
		/*background-image: url('images/winter.gif');*/
		height:100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
		margin:0px;
	}

	#button{
		height:170px;
		width:120px;
		padding:20px;
		font-size:10px;
		margin:10px;
	}

	.logo img{
		width:187px;
		height:25px;
		position:relative;
		left:28px;
	}
	
	/*homepage*/
	.homepage #rowone #button{
		font-size:25px;
		position:relative;
		width:300px;
		height:75px;
		bottom:27px;
	}

	.homepage #rowtwo #button{
		font-size:25px;
		position:relative;
		bottom:40px;
		width:300px;
		height:75px;
	}
	
	.homepage #rowthree #button{
		font-size:25px;
		position:relative;
		bottom:54px;
		width:300px;
		height:75px;
	}
	
	.homepage .notphonestyle{
		display:none;
	}
	
	.photoreviewbutton{
		height:290px;
		width:400px;
		padding:20px;
		font-size:35px;
		margin:10px;
		
		background-color:purple;
		color:white;
		position:relative;
	
	}
	
}

/*tablet*/
@media screen and (min-width:768px){
	.navbar{
		background-color:navyblue;/*#334;*/
		margin:0px;
	}

	.navbar img{
		margin:13px;
	}

	.jumbotron{
		height:100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
		margin:0px;
	}

	#button{
		height:290px;
		width:340px;
		padding:20px;
		font-size:35px;
		margin:10px;
	}

	.logo img{
		width:250px;
	}
	
	.photoreviewbutton{
		height:290px;
		width:400px;
		padding:20px;
		font-size:35px;
		margin:10px;
		
		right:70px;
		background-color:purple;
		color:white;
	}
	
	
	/*homepage*/
	.homepage .phonestyle{
		display:none;
	}
	
	.homepage .notphonestyle{
		display:block;
	}

	.homepage #rowthree #button{
		background-color:purple;
		color:white;
		height:200px;
		width:500px;
		padding:20px;
		font-size:35px;
		margin:10px;
		position:relative;
		top:10px;
		left:1px;
	}
	
}

@media screen and (min-width:1000px){
	
	.navbar{
		background-color:navyblue;/*#334;*/
		margin:0px;
	}

	.navbar img{
		margin:13px;
	}



	.jumbotron{
		height:100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
		margin:0px;
	}

	#button{
		height:200px;
		width:500px;
		padding:20px;
		font-size:35px;
		margin:10px;
	}

	.logo img{
		width:250px;
	}
	
	
	/*homepage*/
	.homepage #rowthree #button{
		background-color:purple;
		color:white;
		height:100px;
		width:500px;
		font-size:35px;
		margin:10px;
		position:relative;
		left:1px;
	}
	
}

@media screen and (min-width:1920px){
		
	.navbar{
		background-color:navyblue;/*#334;*/
		margin:0px;
	}

	.navbar img{
		margin:13px;
	}
	
	.jumbotron{
		height:100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
		margin:0px;
	}

	#button{
		height:400px;
		width:500px;
		padding:20px;
		font-size:35px;
		margin:10px;
	}

	.logo img{
		width:250px;
	}
	
	

	
	/*homepage*/
	.homepage #rowthree #button{
		background-color:purple;
		color:white;
		height:200px;
		width:500px;
		padding:20px;
		font-size:35px;
		margin:10px;
		position:relative;
		top:10px;
		left:1px;
	}
	
	
	
}