/**
 * Responsive CSS file for FSY 4.0
 * @version 1.2
 * @author Wikinggruppen
 * @url http://www.wikinggruppen.se/
 */

.view-mobile { display: none; }

.responsive-view-300,
.responsive-view-350,
.responsive-view-400,
.responsive-view-450,
.responsive-view-500,
.responsive-view-550,
.responsive-view-600,
.responsive-view-650,
.responsive-view-700,
.responsive-view-750,
.responsive-view-800,
.responsive-view-850,
.responsive-view-900,
.responsive-view-950,
.responsive-view-1000,
.responsive-view-1050,
.responsive-view-1100,
.responsive-view-1150,
.responsive-view-1200,
.responsive-view-1250,
.responsive-view-1300,
.responsive-view-1350,
.responsive-view-1400,
.responsive-view-1450,
.responsive-view-1500 { display: none; }

@media all and (max-width: 300px) { .responsive-view-300 { display: block; } }
@media all and (max-width: 350px) { .responsive-view-350 { display: block; } }
@media all and (max-width: 400px) { .responsive-view-400 { display: block; } }
@media all and (max-width: 450px) { .responsive-view-450 { display: block; } }
@media all and (max-width: 500px) { .responsive-view-500 { display: block; } }
@media all and (max-width: 550px) { .responsive-view-550 { display: block; } }
@media all and (max-width: 600px) { .responsive-view-600 { display: block; } }
@media all and (max-width: 650px) { .responsive-view-650 { display: block; } }
@media all and (max-width: 700px) { .responsive-view-700 { display: block; } }
@media all and (max-width: 750px) { .responsive-view-750 { display: block; } }
@media all and (max-width: 800px) { .responsive-view-800 { display: block; } }
@media all and (max-width: 850px) { .responsive-view-850 { display: block; } }
@media all and (max-width: 900px) { .responsive-view-900 { display: block; } }
@media all and (max-width: 950px) { .responsive-view-950 { display: block; } }
@media all and (max-width: 1000px) { .responsive-view-1000 { display: block; } }
@media all and (max-width: 1050px) { .responsive-view-1050 { display: block; } }
@media all and (max-width: 1100px) { .responsive-view-1100 { display: block; } }
@media all and (max-width: 1150px) { .responsive-view-1150 { display: block; } }
@media all and (max-width: 1200px) { .responsive-view-1200 { display: block; } }
@media all and (max-width: 1250px) { .responsive-view-1250 { display: block; } }
@media all and (max-width: 1300px) { .responsive-view-1300 { display: block; } }
@media all and (max-width: 1350px) { .responsive-view-1350 { display: block; } }
@media all and (max-width: 1400px) { .responsive-view-1400 { display: block; } }
@media all and (max-width: 1450px) { .responsive-view-1450 { display: block; } }
@media all and (max-width: 1500px) { .responsive-view-1500 { display: block; } }

@media all and (max-width: 300px) { .responsive-300 { display: none; } }
@media all and (max-width: 350px) { .responsive-350 { display: none; } }
@media all and (max-width: 400px) { .responsive-400 { display: none; } }
@media all and (max-width: 450px) { .responsive-450 { display: none; } }
@media all and (max-width: 500px) { .responsive-500 { display: none; } }
@media all and (max-width: 550px) { .responsive-550 { display: none; } }
@media all and (max-width: 600px) { .responsive-600 { display: none; } }
@media all and (max-width: 650px) { .responsive-650 { display: none; } }
@media all and (max-width: 700px) { .responsive-700 { display: none; } }
@media all and (max-width: 750px) { .responsive-750 { display: none; } }
@media all and (max-width: 800px) { .responsive-800 { display: none; } }
@media all and (max-width: 850px) { .responsive-850 { display: none; } }
@media all and (max-width: 900px) { .responsive-900 { display: none; } }
@media all and (max-width: 950px) { .responsive-950 { display: none; } }
@media all and (max-width: 1000px) { .responsive-1000 { display: none; } }
@media all and (max-width: 1050px) { .responsive-1050 { display: none; } }
@media all and (max-width: 1100px) { .responsive-1100 { display: none; } }
@media all and (max-width: 1150px) { .responsive-1150 { display: none; } }
@media all and (max-width: 1200px) { .responsive-1200 { display: none; } }
@media all and (max-width: 1250px) { .responsive-1250 { display: none; } }
@media all and (max-width: 1300px) { .responsive-1300 { display: none; } }
@media all and (max-width: 1350px) { .responsive-1350 { display: none; } }
@media all and (max-width: 1400px) { .responsive-1400 { display: none; } }
@media all and (max-width: 1450px) { .responsive-1450 { display: none; } }
@media all and (max-width: 1500px) { .responsive-1500 { display: none; } }

@media all and (max-width: 500px) {
	.view-desktop { display: none; }
	.view-mobile { display: block; }
}
@media all and (max-width: 960px) {
	.mobile-current-page {
		display: none;
	}
}
@media all and (max-width: 768px) {
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 21px;
	}
}
@media all and (max-width: 480px) {
	hr {
		margin: 15px 0;
	}
}