 body {  
font-family: "Arial"; 
background-color:#464646;
width:auto; 
max-width:1500px; 
margin:0;
text-decoration: none;
}
.blok{
   background-image: linear-gradient(to right,#5c6061 35%,#333333 );
   max-width:800px;
   width:100%;
   height:50%;
   }
.blok1 {
    width: auto;
    height: 50%;
    margin: 1em 0 -3em 0;
}
.blok2 {
    width: auto;
    height: 50%;
    margin: -1em 0 -2em 0;
}
   .logo{
   	   margin: 0 0 0 auto;
   	     }
.pristup-student {
    margin: 0 -2em 0 auto;
    border: solid 2px #3fc8ff;
    border-radius: 5px;
    background: #fff;
    height: 10%;
    padding: 5px 15px;
    width: 40%;
} 
.pristup-ucitel {
    margin: 0 -2em 0 auto;
    border: solid 2px #3fc8ff;
    border-radius: 5px;
    background: #fff;
    height: 10%;
    padding: 5px 15px;
    width: 40%;
}
a {
	text-decoration: none!important;
	font-size: 20pt;
	color:#969696;
	font-weight: 400;
}
.obr {
    margin: 0 0 -15px 0;
    padding: 0 8px 0 8px;
}
/* responzivita */
@media all and (max-width: 1440px) {
.blok1 {
    margin: 3em 0 -7em 0;
}
.blok {
    height: 70%;
}
}
@media all and (max-width: 1370px) {
.blok {
    height: 50%;
}
}
@media all and (max-width: 1280px) {
.blok1 {
    margin: 3em 0 -4em 0;
}
}
@media all and (max-width: 1024px) {
.blok1 {
    margin: 3em 0 -5em 0;
}
.blok {
    height: 40%;
}
}
@media all and (max-width: 850px) {
.blok1 {
    margin: 2em 0 -3em 0;
}
.blok {
    height: 90%;
}
}
@media all and (max-width: 800px) {
.blok1 {
    margin: 2em 0 -5em 0;
}
.blok {
    height: 40%;
}
}
@media all and (max-width: 700px) {
.blok1 {
    margin: 1em 0 -3em 0;
}
.blok {
    height: 90%;
}
}
@media all and (max-width: 660px) {
.blok {
    height: 350px;
}
}
@media all and (max-width: 600px) {
.blok {
    height: 40%;
}
}
@media (max-width: 500px){
.blok1 {
    margin: 1em 0 -3em 0;
}
}
@media (max-width: 400px){
.blok1 {
    margin: 1em 0 -5em 0;
}
.blok {
    height: 70%;
}
}
@media (max-width: 320px){
.blok1 {
    margin: 1em 0 -4em 0;
}
.blok {
    height: 450px;
    width: 300px;
}
a {
    font-size: 15pt;

}
}