* {box-sizing: border-box;}

body { 
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #353535;
}

.ecookna-header {
  overflow: hidden;
  background-color: #313131;
  padding: 10px 10px;
  text-align: center;
}

.ecookna-header a {
  float: left;
  color: #f4f4f4;
  text-align: center;
  padding: 7px 16px 7px 16px;
  text-decoration: none;
  font-size: 16px; 
  line-height: 25px;
  border-radius: 4px;
}

.ecookna-lnk {text-align: center; max-width: 300px; background-color: #1e90ff; padding: 25px 20px 25px 20px; border-radius: 8px; margin-top: 40px; margin-bottom: 60px;}
h4 {font-size: 24px; margin: 0px;}
.ecookna-lnk a {color: #ffffff;}

.ecookna-table {min-width: 280px; width: 70%; background-color: #efeeee; margin-bottom: 80px;}
.ecookna-tdleft {width: 70%; padding: 9px 2px 9px 15px; border-bottom: 1px solid #b2b1b1;}
.ecookna-tdright {width: 30%; padding: 9px 2px 9px 15px; border-bottom: 1px solid #b2b1b1;}


.ecookna-header a:hover {
  background-color: #ddd;
  color: black;
}

.ecookna-header a.active {
  background-color: dodgerblue;
  color: white;
}

.ecookna-header-right {
  float: right;
  padding: 26px 0px 0px 0px;
}


.ecookna-topheader {max-width: 1140px; padding-left: 20px; padding-right: 20px;}

.ecookna-bodydiv {max-width: 1140px; text-align: left; padding-left: 20px; padding: right: 20px;}


.ecookna-logo {width: 160px; float: left; margin-top: 8px; margin-bottom: 8px;}

h1 {font-size: 32px; margin-top: 35px;}
h2 {font-size: 22px; margin-top: 25px;}

p {font-size: 16px; line-height: 24px;}

li {font-size: 16px; line-height: 22px; margin-bottom: 10px;}

.ecookna-imgokno {width: 60%;}

.container {display: flex; flex-wrap: wrap; margin-top: 30px;}

.ecookna-img-left {width: 30%; text-align: center;}

.ecookna-text-right {width: 70%;}

.ecookna-martopbig {margin-top: 50px;}

.ecookna-img-right {width: 30%; text-align: center;}

.ecookna-text-left {width: 70%;}

.ecookna-bread-crumbs {font-size: 14px; color: #adadad; margin-top: 15px;}
.ecookna-bread-crumbs a {color: #3393f0; text-decoration: underline;}
.ecookna-bread-crumbs a:hover {color: #4aa0f3; text-decoration: none;}

.container a {color: #3393f0; text-decoration: underline;}
.container a:hover {color: #4aa0f3; text-decoration: none;}


.ecookna-img-left-content {width: 25%; text-align: center;}

.ecookna-text-right-content {width: 75%;}

.bottom {background-color: #ededed; margin-top: 40px; padding: 20px 20px 20px 20px; text-align: center;}

.bottom a {color: #3393f0; text-decoration: underline; padding: 20px;}
.bottom a:hover {color: #4aa0f3; text-decoration: none;}

@media screen and (max-width: 500px) {
	

.ecookna-img-left-content {width: 100%; text-align: center;}
.ecookna-text-right-content {width: 100%;}


.order1 {order: 1;}
.order2 {order: 2;}

.container {display: flex; margin-top: 30px;}

.ecookna-img-right {width: 100%; text-align: center;}

.ecookna-text-left {width: 100%;}


.ecookna-img-left {width: 100%; text-align: center;}

.ecookna-text-right {width: 100%;}


.ecookna-logo {width: 120px; float: left; margin-top: 8px; margin-bottom: 8px;}

.ecookna-imgokno {width: 50%;}

.ecookna-martopbig {margin-top: 20px;}

.ecookna-header-right {
  float: right;
  padding: 10px 0px 0px 0px;
}

.ecookna-header a {
  float: left;
  color: #f4f4f4;
  text-align: center;
  padding: 4px 10px 4px 10px;
  text-decoration: none;
  font-size: 16px; 
  line-height: 25px;
  border-radius: 4px;
}

.ecookna-topheader {max-width: 1140px; padding-left: 10px; padding-right: 10px;}

.ecookna-bodydiv {max-width: 1140px; text-align: left; padding-left: 20px; padding-right: 20px;}

h1 {font-size: 20px; margin-top: 20px;}
h2 {font-size: 16px; margin-top: 25px;}
}