/*======================== Desktop and Loptop and Other Tablet 768<px========================*/
@media (min-width: 768px) {
	#textslider {
		margin:1rem 0;
	}
}
/*======================== Tablet 768>px ========================*/
@media (max-width: 768px) {
	html {
        font-size: 100%;
    }
    #textslider h1 {
		font-size: 4rem;
		line-height: 1.1;
	}
	#textslider {
		height: 200px !important;
	}
}
/*======================== Phone 640>px ========================*/
@media (max-width: 640px) {
	html {
        font-size: 1em;
    }
	p{
		font-size: 1em;
	}
	h1,h2,h3,h4,h5 {
		font-size: 1em;
	}
	#textslider {
		height: 150px !important;
	}
	#textslider h1 {
		font-size: 3rem;
		line-height: 1.1;
	}
	.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
	}
	.quote{
	font-style:italic;
	font-size:1.2em;
	}
}
/*======================== Phone 480>px ========================*/
@media (max-width: 480px) {
	html {
        font-size: 1em;
    }
	p{
		font-size: 1em;
	}
	h1,h2,h3,h4,h5 {
		font-size: 0.7em;
	}
	#textslider {
		height: 160px !important;
	}
	#textslider h1 {
		font-size: 2.7rem;
	}
	.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
	}
	.quote{
	font-style:italic;
	font-size:1.2em;
	}

}
/*======================== Phone 360>px ========================*/
@media (max-width: 360px) {
	html {
        font-size: 1em;
    }
	p{
		font-size: 1em;
	}
	h1,h2,h3,h4,h5 {
		font-size: 0.7em;
	}
	#textslider {
		height: 150px !important;
	}
	#textslider h1 {
		font-size: 2rem;
	}
	#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
	}
	
	.quote{
	font-style:italic;
	font-size:1.2em;
	}
}
/*======================== Phone 320>px ========================*/
@media (max-width: 320px) {
	html {
        font-size: 1em;
    }
	p{
		font-size: 1em;
	}
	h1,h2,h3,h4,h5 {
		font-size: 0.7em;
	}
	#center{
		display:block;
	}
	#textslider {
		height: 200px !important;
	}
	#textslider h1 {
		font-size: 2.2rem;
		line-height: 1.1;
	}
	#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
	}
	
	.quote{
	font-style:italic;
	font-size:1.2em;
	}
}