/*======================== Desktop and Loptop and Other Tablet 768<px========================*/
@media (min-width: 768px) {
	#textslider {
		margin:1.5rem 0 0.5rem 0;
	}
}
/*======================== Tablet 768>px ========================*/
@media (max-width: 768px) {
	html {
        font-size: 100%;
    }
}
/*======================== Phone 640>px ========================*/
@media (max-width: 640px) {
	html {
        font-size: 90%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 200%;
	}
	#textslider {
		height: 160px !important;
	}
	#textslider h1 {
		font-size: 4rem;
	}
	.two-column,
	.two-column:first-child{
		margin: 0;
		width: 100%;
	}
	.three-column,
	.three-column:last-child{
		margin: 10px 0;
		width: 100%;
	}
	.four-column{
		border-right: 0px;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.5)
	}
	.four-column:last-child{
		border-bottom:none
	}

	.countdown{
		margin-bottom:0;
		padding-bottom:0;
	}
	
	.w50 {
		height: 30px !important;
	}
	
	.description p {
		font-size: 1rem !important;
	}

}
/*======================== Phone 480>px ========================*/
@media (max-width: 480px) {
	html {
        font-size: 90%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 200%;
	}
	#textslider {
		height: 120px !important;
	}
	#textslider h1 {
		font-size: 4rem;
	}
	.two-column,
	.two-column:first-child{
		margin: 0;
		width: 100%;
	}
	.three-column,
	.three-column:last-child{
		margin: 10px 0;
		width: 100%;
	}
	.four-column{
		border-right: 0px;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.5)
	}
	.four-column:last-child{
		border-bottom:none
	}

	.countdown{
		margin-bottom:0;
		padding-bottom:0;
	}

	.w50 {
		height: 25px !important;
	}
	
	.description .uptodown {
		margin-bottom: 5px !important;
	}
	
	.description p {
		font-size: 1rem !important;
	}
}
/*======================== Phone 360>px ========================*/
@media (max-width: 360px) {
	html {
        font-size: 90%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 190%;
	}
	#textslider {
		height: 250px !important;
	}
	#textslider h1 {
		font-size: 4rem;
	}
	#about .two-column:first-child,
	#about .two-column,
	.two-column,
	.two-column:first-child{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.three-column,
	.three-column:last-child{
		margin: 10px 0;
		width: 100%;
	}
	.four-column{
		border-right: 0px;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.5)
	}
	.four-column:last-child{
		border-bottom:none
	}

	.countdown{
		margin-bottom:0;
		padding-bottom:0;
	}
	
	.w50 {
		height: 30px !important;
	}
	
	.description p {
		font-size: 1rem !important;
	}
}
/*======================== Phone 320>px ========================*/
@media (max-width: 320px) {
	html {
        font-size: 90%;
    }
	p{
		font-size: 90%;
	}
	h1,h2,h3,h4,h5 {
		font-size: 190%;
	}
	#center{
		display:block;
	}
	#textslider {
		height: 250px !important;
	}
	#textslider h1 {
		font-size: 4rem;
	}
	#about .two-column:first-child,
	#about .two-column,
	.two-column,
	.two-column:first-child{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.three-column,
	.three-column:last-child{
		margin: 10px 0;
		width: 100%;
	}
	.four-column{
		border-right: 0px;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.5)
	}
	.four-column:last-child{
		border-bottom:none
	}

	.countdown{
		margin-bottom:0;
		padding-bottom:0;
	}
	
	.w50 {
		height: 30px !important;
	}
	
	.description p.jump  {
		margin-top:15px;
	}
	
	.description p {
		font-size: 1rem !important;
	}
}