@media (orientation: portrait) {
.table_blur {
  
  background: #f5ffff;
  border-collapse: collapse;
  text-align: left;
   margin: auto;
    font-size: 5vw; 
    margin-top: 6vh;
}
.table_blur th {
  border-top: 1px solid #777777;	
  border-bottom: 1px solid #777777; 
  box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
  background: linear-gradient(#9595b6, #5a567f);
  color: white;
  padding: 10px 15px;
  position: relative;
  font-size: 4vw; 
}

.table_blur td {
  border: 1px solid #e3eef7;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s ease;
  font-size: 4vw; 
}

.table_blur_td {
  border: 1px solid #e3eef7;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s ease;
  font-size: 4vw;
  background: #e5efef;
}

.table_blur2 {
  
  background: #f5ffff;
  border-collapse: collapse;
  text-align: left;
   margin: auto;
    font-size: 5vw; 
    margin-top: 1vh;
}
.table_blur2 th {
  border-top: 1px solid #777777;	
  border-bottom: 1px solid #777777; 
  box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
  background: linear-gradient(#9595b6, #5a567f);
  color: white;
  padding: 10px 15px;
  position: relative;
  font-size: 5vw; 
}

.table_blur2 td {
  border: 1px solid #e3eef7;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s ease;
  font-size: 5vw; 
}

.button_nazad {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12vw;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
        margin: auto;
        position: fixed;
        left: 40vw;
        z-index: 100000;
        top: 1vh;
        display: none;
}
.button_nazad:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}

.text-top {
    vertical-align: top;
}

.text-right {
    text-align: right;
}
}


@media (orientation: landscape) {
.table_blur {
  
  background: #f5ffff;
  border-collapse: collapse;
  text-align: left;
   margin: auto;
    font-size: 3vw; 
    margin-top: 5vh;
}
.table_blur th {
  border-top: 1px solid #777777;	
  border-bottom: 1px solid #777777; 
  box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
  background: linear-gradient(#9595b6, #5a567f);
  color: white;
  padding: 10px 15px;
  position: relative;
  font-size: 3vw; 
}

.table_blur td {
  border: 1px solid #e3eef7;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s ease;
  font-size: 3vw; 
}

.table_blur_td {
  border: 1px solid #e3eef7;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s ease;
  font-size: 3vw; 
  background: #e5efef;
}

.table_blur2 {
  
  background: #f5ffff;
  border-collapse: collapse;
  text-align: left;
   margin: auto;
    font-size: 3vw; 
    margin-top: 2vh;
}
.table_blur2 th {
  border-top: 1px solid #777777;	
  border-bottom: 1px solid #777777; 
  box-shadow: inset 0 1px 0 #999999, inset 0 -1px 0 #999999;
  background: linear-gradient(#9595b6, #5a567f);
  color: white;
  padding: 10px 15px;
  position: relative;
  font-size: 3vw; 
}

.table_blur2 td {
  border: 1px solid #e3eef7;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s ease;
  font-size: 3vw; 
}

.button_nazad {
	box-shadow:inset 0px -10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:10px;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:3vw;
	font-weight:bold;
	padding:5px 8px;
	text-decoration:none;
	text-shadow:0px 0px 0px #3d768a;
        margin: auto;
        position: fixed;
        left: 45vw;
        z-index: 100000;
        top: 1vh;
}
.button_nazad:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}

.text-top {
    vertical-align: top;
}

.text-right {
    text-align: right;
}
}