@font-face {
	font-family: robotoregular;
	src: url('../ttf/roboto-regular.ttf');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: robotomedium;
	src: url('../ttf/roboto-medium.ttf');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: robotoregular;
	background-color: #DCDAD9;
	color: #204A3C;
	margin: 0px;
	padding: 40px;
	width: 1400px;
}

a {
	color: #204A3C;
}

.row {
  width: 1212px;
}

.col {
  float: left;
}

.le {
  width: 289px;
  margin-right: 40px;
  position: fixed;
}

.mi {
  width: 597px;
  margin-right: 40px;
  margin-left: 329px;
}

.ri {
  width: 246px;
}

button.news,
button.help,
button.contact,
button.qr {
  width: 289px;
  height: 43px;
  border-radius: 8px;
  border: none;
  margin-bottom: 10px;
  text-align: left;
  text-decoration: none;
  font-size: 14px;
  padding-left: 43px;
  cursor: pointer;
  font-family: robotoregular;
  color: #204a3c;
}

button.news {
  background: url("../svg/opterlogo.svg") left no-repeat;
  background-position: 9px center;
  background-color: #EFEBE7;
}

button.help {
  background: url("../svg/help.svg") left no-repeat;
  background-position: 9px center;
  background-color: #EFEBE7;
}

button.contact {
  background: url("../svg/contact.svg") left no-repeat;
  background-position: 9px center;
  background-color: #EFEBE7;
}

button.qr {
  background: url("../svg/qr.svg") left no-repeat;
  background-position: 9px center;
  background-color: #EFEBE7;
}

button:hover {
	background-color: #E8E5E2;
}
body.news button.news,
body.contact button.contact,
body.qr button.qr {
	font-family: robotomedium;
  font-weight: 400;
	background-color: #FCF9F6;
  color: #204a3c;
}

.loadButton {
  background: #7ecaab;
  font-family: robotomedium;
  font-weight: 400;
  color: #204a3c;
  border-radius: 15px;
  height: 30px;
	padding: 7px 18px;
	border: none;
	cursor: pointer;
	margin-bottom: 100px;
}

.loadButton:hover {
  background: #6CC09E;
}

.hide {
  display: none;
}

h2 {
  font-size: 32px;
  line-height: 35px;
  letter-spacing: -2%;
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: 400;
}

h3 {
  font-family: robotomedium;
  font-weight: 400;
  font-size: 18px;
  margin: 0px;
}

p.date {
  font-family: robotomedium;
  font-weight: 400;
  font-size: 14px;
  color: #787470;
}

div.content,
p.content {
  font-size: 16px;
  line-height: 22px;
}

hr {
  height:1px;
  border: none;
  background-color: #787470;
  margin-top: 30px;
  margin-bottom: 30px;
}

img {
  margin-bottom: 30px;
}

img.qr {
  margin-top: 30px;
}