/* cmsms stylesheet: Simplex Mobile modified: вторник, 23 октября 2018 г. 13:06:01 */
/*********************************************
Sample stylesheet for mobile and small screen handheld devices

Just a simple layout suitable for smaller screens with less 
styling cabapilities and minimal css

Note: If you dont want to support mobile devices you can
safely remove this stylesheet.
*********************************************/
/* remove all padding and margins and set width to 100%. This should be default for handheld devices but its good to set these explicitly */
body {
margin:0;
padding:0;
width:96%;
}

/* hide accessibility noprint and definition */
.accessibility,
.hide-mobile,
dfn {
display:none;
}

.show-mobile{
display:block;
}

/* dont want to download image for header so just set bg color */
div#header,
div#footer {
background-color: #385C72;  
color: #fff;
text-align:center;
}

/* text colors for header and footer */
div#header a,
div#footer a {
color: #fff;
}

/* this doesnt look as nice, but takes less space */
div#menu_vert ul li,
div#menu_horiz ul li {
display:inline;
}

/* small border at the bottom to have some indicator */
div#menu_vert ul,
div#menu_horiz ul {
border-bottom:1px solid #fff;
}

/* save some space */
div.breadcrumbs {
display:none;
}

img.logo-mobile
{
object-fit: contain;
width: 70%;
}

.phrase span {
	font-family: 'Roboto Condensed', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	text-transform: uppercase;
	color: #aaa;
	text-align: center;
	font-weight: 700;
	font-size: 2.97vw; }
.phrase div {
		float: none;
		width: 100%;
		margin-left: 0;
		text-align: center;
}