@import url("https://use.typekit.net/hop7ynn.css");

.topmargin-md { margin-top:30px !important; } 
.bottommargin-md { margin-bottom:30px !important; } 
.nobottommargin { margin-bottom:0 !important; } 

body {
  font-family: "open-sans",sans-serif;
  font-weight: 300;
} 
.site-section-home h1 {
	font-family: "al-fresco",sans-serif;
	font-size: 100px;
}
.site-section-announcement {
	background-color: #0e1b30;
	padding: 15px 0 30px 0;
}
.site-content {
	padding: 20px 0;
	background-color: #000;	
}
.site-content h3, .site-content h4 {
	line-height: 1.5;
	margin-bottom: 20px;
}
strong {
    font-weight: 600;
}
li.flag a {
	border:none;
	padding-right:0;
}
li.flag a:hover, li.flag a:active {
	background-color: rgba(0,0,0,0);
}
li.flag a img {
	height: 32px;
}
.btn-blue {
	background-color: #253c63;
}
.btn-blue:hover {
	background-color: #3d6ab8;
}
.btn-timetable {
	font-family: open-sans-condensed, sans-serif;
	font-size: 14px;
}

/* Small devices, Tablets (>767px) */
@media screen and (min-width: 768px) {

	.btn-timetable {
		font-family: open-sans, sans-serif;
		font-size: 16px;
	}

}

/* Medium devices, Desktops (>991px) */
@media screen and (min-width: 992px) {


}

/* Large devices, Desktops (>1199px) */
@media screen and (min-width: 1200px) {

}

/*
=================================================================
(#m08rts) RETINA
=================================================================
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    /* If you did use a CSS image background, you can put your high resolution image here */

}