body { 
  background: url(../img/bg_ecru.jpg) #D8D6C7 no-repeat center center fixed;
  background-color: #D8D6C7;
  font-family: 'CDUKievit',Arial,Helvetica,Verdana,sans-serif;
  line-height: 1.4375;
  color: #000;
  padding-top: 0px;
  font-size: 16px;
  padding-bottom: 55px;
}

ol, ul { list-style: disc; margin-bottom: 20px; }
li { margin-left: 20px; }

.text ol, .text ul { list-style: disc; margin-bottom: 20px; }
.text li { margin-left: 30px; }

.close {
	display: inline-block;
	width: 41px;
	height: 41px;
	background: url(../img/close-white.png) 0 0 no-repeat;
	position: fixed;
	top: 20px;
	right: 20px;
	background-size: cover;
	z-index:30;
	background-size: 41px 41px;
}

.close:hover { background-image: url(../img/close.png); background-size:41px 41px; }

#kandidat .container {
    padding: 40px 15px;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1280px or less */
@media screen and (max-width: 1020px) {


}

/* for 980px or less */
@media screen and (max-width: 980px) {

    body             { background: url(../img/bg_ecru2.jpg) #D4D4CC no-repeat center center fixed; }
    .close           { top: 15px; right: 15px; }

}

/* for 700px or less */
@media screen and (max-width: 700px) {

    body             { background: url(../img/bg_ecr3.jpg) #D4D4CC no-repeat center center fixed; }
    .close           { top: 10px; right: 10px; }

}

/* for 480px or less */
@media screen and (max-width: 480px) {

}

/* --- */