/* relatve font css */
/* this will fix everything */
@media screen and (max-width: 1800px) {
	.slideshow-wrapper .slideshow .slide .slide-left h1 { font-size:240%; font-size:2.40rem; }
	.slideshow-wrapper .slideshow .slide .slide-left p { font-size:130%; font-size:1.30rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.large { font-size:170%; font-size:1.70rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.mid { font-size:150%; font-size:1.50rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.small { font-size:110%; font-size:1.10rem; line-height:135%; }
}
@media screen and (max-width: 1600px) {
	.slideshow-wrapper .slideshow .slide .slide-left h1 { font-size:220%; font-size:2.20rem; }
	.slideshow-wrapper .slideshow .slide .slide-left p { font-size:130%; font-size:1.30rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.large { font-size:160%; font-size:1.60rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.mid { font-size:140%; font-size:1.40rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.small { font-size:120%; font-size:1.20rem; line-height:135%; }
}
@media screen and (max-width: 1500px) {
	.slideshow-wrapper .slideshow .slide .slide-left h1 { font-size:215%; font-size:2.15rem; }
	.slideshow-wrapper .slideshow .slide .slide-left p { font-size:125%; font-size:1.25rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.large { font-size:155%; font-size:1.55rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.mid { font-size:135%; font-size:1.35rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.small { font-size:115%; font-size:1.15rem; line-height:135%; }
}
@media screen and (max-width: 1400px) {
	.slideshow-wrapper .slideshow .slide .slide-left h1 { font-size:210%; font-size:2.10rem; }
	.slideshow-wrapper .slideshow .slide .slide-left p { font-size:117.5%; font-size:1.175rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.large { font-size:150%; font-size:1.50rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.mid { font-size:130%; font-size:1.30rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.small { font-size:105%; font-size:1.05rem; line-height:135%; }
}
@media screen and (max-width: 1300px) {
	.slideshow-wrapper .slideshow .slide .slide-right-btm .photo img { width:75%; }
	.slideshow-wrapper .slideshow .slide .slide-left h1 { font-size:200%; font-size:2.00rem; }
	.slideshow-wrapper .slideshow .slide .slide-left p { font-size:112.5%; font-size:1.125rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.large { font-size:145%; font-size:1.45rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.mid { font-size:125%; font-size:1.25rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.small { font-size:100%; font-size:1.00rem; line-height:135%; }
}
@media screen and (max-width: 1200px) {
	.slideshow-wrapper .slideshow .slide .slide-left h1 { font-size:200%; font-size:2.00rem; }
	.slideshow-wrapper .slideshow .slide .slide-left p { font-size:110%; font-size:1.10rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.large { font-size:140%; font-size:1.40rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.mid { font-size:120%; font-size:1.20rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.small { font-size:100%; font-size:1.00rem; line-height:135%; }
}
/* tablet */
@media screen and (max-width: 1060px) {
	.slideshow-wrapper .slideshow .slide .slide-left h1 { font-size:190%; font-size:1.90rem; }
	.slideshow-wrapper .slideshow .slide .slide-left p { font-size:100%; font-size:1.00rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.large { font-size:130%; font-size:1.30rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.mid { font-size:110%; font-size:1.10rem; line-height:135%; }
	.slideshow-wrapper .slideshow .slide .slide-left p.small { font-size:100%; font-size:1.00rem; line-height:135%; }
}