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

.browse1 { font-family:'Roboto', sans-serif; font-weight:500;font-size:.9rem;} 

.browse2 { text-align: right;} 

.pad-container{ padding-left: 2.6rem;}
.button-pad{ padding-left: 2rem;padding-top: .15rem;}


@media only screen and (max-width: 1236px){ /*UPDATED*/
	
	
	.pad-container{ padding-left: 4rem;}
	
}

@media only screen and (max-width: 1020px){ /*UPDATED*/
	
	
	.pad-container{ padding-left: 3rem;}
	
}

@media only screen and (max-width: 990px){ /*UPDATED*/
	
	
	.pad-container{ padding-left: 2.8rem;}
	.browse2 { text-align: right; padding-bottom:1rem;} 
}

@media only screen and (max-width: 850px){ /*UPDATED*/
	
	.button-pad{ padding-left: 1rem;}

	.pad-container{ padding-left: 2rem;}
	
}

@media only screen and (max-width: 916px){ /*UPDATED*/
	
	

	
}


@media only screen and (max-width: 740px){ /*UPDATED*/
	
	.button-pad{  padding-top: 1rem;}
}

	



@media only screen and (max-width: 780px){ /*UPDATED*/
	
	
	.pad-container{ padding-left: 1rem;}
	
}

@media only screen and (max-width: 500px){ /*UPDATED*/
	
	
	.button-pad{ font-size: 5px;}
	.browse1{
		font-size: .68rem;
		margin-top:-1rem;
		margin-bottom: -5rem;
	
    }
	
	.browse2{
		font-size: .68rem;
		padding-top: .5rem;
	
    }
	
	.pad-container{ padding-left: .5rem;}
	
}