* { border: 0; margin: 0; padding: 0;font-family: 'Montserrat', sans-serif;}

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color: #ffffff;
	background: url(images/bg.jpg) no-repeat #000113 top center;
	background-size: 1500px auto;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
a {
	color: #ffffff;
	text-decoration: none;
}
a:href{color: #9600ff;}
ul { list-style: none; }
img {
	border:0;
}

#top, #main, #footer{
	max-width: 1200px;
	width: calc(100% - 40px);
	position: relative;
	text-align: left;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

#bg {
  height: 50px;
  background: rgba(11,41,105,0.6);
  position: absolute;
  top: 240px;
  left: 0;
  width: 100%;
}

.clr { clear: both; }
h1,h2,h3,h4 {font-size: 14px;font-weight: normal;}
/*** TOP ***/
#logo {
  margin: 135px 0 0 20px;
  float: left;
}
#menu {
  float: right;  
  margin: 245px 20px 0 0;
}
#menu li{
  float: left;
}
#menu li a {
  float: left;
  margin: 10px 15px;
  font-size: 16px;
  font-weight: bold;
}
/*** /TOP ***/
/*** MAIN ***/
.title {
  font-size: 24px;
  font-weight: bold;
  padding: 40px 20px 0;
  box-sizing: border-box;
  text-transform: uppercase;
}
.desc {
  line-height: 28px;
  padding: 20px;
  box-sizing: border-box;
}
.desc p, .desc h3 {
	padding-bottom: 10px;
}
#left {
	width: 30%;
  min-width: 320px;
  /*background: rgba(255,255,255,0.1);*/
  background: rgba(0,0,0,0.2);
  float: left;
  margin: 140px 0 0 0;
  -moz-border-radius: 10px; /* FF */
  -webkit-border-radius: 10px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius: 10px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius: 10px; /* pozostałe przeglądarki */
  behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}

#right {
	width: calc(70% - 41px);
  min-width: 320px;
  background: rgba(0,0,0,0.2);
  float: right;
  margin: 60px 0;
  text-align: justify;
  -moz-border-radius: 10px; /* FF */
  -webkit-border-radius: 10px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
  -khtml-border-radius: 10px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
  border-radius: 10px; /* pozostałe przeglądarki */
  behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}
/*** /MAIN ***/
/*** FOOTER ***/
#footer {
  text-align: center;
}
#footer #menu {
  width: 450px;
  margin: 0 auto;
  float: none;
}
#footer #menu li {
  float: left;
}
#footer #menu li a {
  margin: 10px;
  float: left;
  font-size: 10px;
}
/*** /FOOTER ***/