﻿

@media screen and (min-width: 0px) and (max-width: 1800px) { /*1600*/

}

@media screen and (min-width: 0px) and (max-width: 1599px) { /*1440*/

}

@media screen and (min-width: 0px) and (max-width: 1439px) { /*1366*/

}

@media screen and (min-width: 0px) and (max-width: 1365px) { /*1280*/

}

@media screen and (min-width: 0px) and (max-width: 1240px) { /*1024*/

}

@media screen and (min-width: 0px) and (max-width: 1023px) { /*768*/

	h1 { font-size: 68px; line-height: 74px; }
	h2 { font-size: 48px; line-height: 54px; }

	.visible-desktop { display: none !important; }
	.visible-mobile { display: block !important; }
	#fp-nav.fp-left.animate { left: 15px; }
	.wrapper { padding:0px 50px;}
	.section.s8 br { display:none;}
}

@media screen and (min-width: 0px) and (max-width: 767px) { /*640*/
	.section.s8 .social a { display: block; margin: 0px auto; max-width: 220px; }
	.section.s8 .social a:first-child { margin-bottom: 25px; }
	br.show_mob { display: inline; }
	br.hide_mob { display: none; }
}

@media screen and (min-width: 0px) and (max-width: 639px) { /*600*/
	h1 { font-size: 54px; line-height: 64px; }
}

@media screen and (min-width: 0px) and (max-width: 599px) { /*480*/
	h1 { font-size: 8.2vw; line-height: 10.4vw; }
	h2 { font-size: 7.4vw; line-height: 10vw; }
	.section.s8 .social { padding: 30px 0px 0px 0px;}
	.section.s8 .wrapper { padding-top:10vh;}
}

@media screen and (min-width: 0px) and (max-width: 479px) { /*414*/
	.section.s1 .ico-play { width: 120px; height:120px; margin: 40px auto 0px auto; }
}

@media screen and (min-width: 0px) and (max-width: 410px) { /*375*/

}

@media screen and (min-width: 0px) and (max-width: 374px) { /*360*/

}

@media screen and (min-width: 0px) and (max-width: 359px) { /*320*/

}





