@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: DSari;
	src: url('webfonts/DSari_Regular-webfont.eot'); /* IE9 Compat Modes */
	src: url('webfonts/DSari_Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('webfonts/DSari_Regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
	url('webfonts/DSari_Regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
	url('webfonts/DSari_Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('webfonts/DSari_Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
	color: #535D63;
	font-family: DSari, Tahoma, Arial, sans-serif;
	background: #F9F9F9;
}

img.title {
	margin: 4rem 0 1rem 0;
}

img.dtuxui {
	margin: 0.5rem 0 1.5rem 0;
}

img.bbl {
	margin: 0 0 3rem 0;
	filter: sepia(1) saturate(0.68) opacity(0.65) brightness(106%) hue-rotate(168deg);
	-webkit-filter: sepia(1) saturate(0.68) opacity(0.65) brightness(106%) hue-rotate(168deg);
}

img.bbl:hover {
	filter: sepia(0) saturate(1) opacity(1) brightness(100%) hue-rotate(352deg);
	-webkit-filter: sepia(0) saturate(1) opacity(1) brightness(100%) hue-rotate(352deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

@media (min-width: 768px) {
	img.title {
		margin: 8rem 0 2rem 0;
	}
	img.dtuxui {
		margin: 1rem 0 3rem 0;
	}
}