* {
    margin: 0;
    padding: 0;
    }


html
{
 color:white;
}

body

{
background: black url('agex.jpg') no-repeat center 0; 
 height: 100%;

}


main
{
margin-top:450px;
  overflow-x: hidden;
}

main h1
{
color:white;
margin:0 0 0 20px;
text-shadow: #FC0 1px 0 10px;
}



@media (max-width: 900px) {
 body

{
background: black url('agex.jpg') no-repeat center 0; 
background-size: contain;
background-repeat: no-repeat;
 }



main
{
margin-top:178px;
  overflow-x: hidden;
}


main h1
{
color:white;
margin:0 0 0 20px;
text-shadow: #FC0 1px 0 10px;
font-size:25px;
}

}




@media (max-width: 820px) {
 body

{
background: black url('agex.jpg') no-repeat center 0; 
background-size: contain;
background-repeat: no-repeat;
 }



main
{
margin-top:160px;
  overflow-x: hidden;
}


main h1
{
color:white;
margin:0 0 0 20px;
text-shadow: #FC0 1px 0 10px;
font-size:25px;
}

}


@media (max-width: 670px) {



main
{
margin-top:120px;
  overflow-x: hidden;
}

main h1
{
color:white;
margin:0 0 0 20px;
text-shadow: #FC0 1px 0 10px;
font-size:25px;
}

}



@media (max-width: 520px) {



main
{
margin-top:80px;
  overflow-x: hidden;
}


main h1
{
color:white;
margin:0 0 0 20px;
text-shadow: #FC0 1px 0 10px;
font-size:25px;
}



}





@media (max-width: 390px) {



main
{
margin-top:150px;
  overflow-x: hidden;
}


main h1
{
color:white;
margin:0 0 0 20px;
text-shadow: #FC0 1px 0 10px;
font-size:25px;
}



}




.bunka{

text-align:center;
   color:white !important;
}

.buttx, .buttx:link, .buttx:active
{
background:#720502  !important;
   color:white !important;
   
   
}

.row2 {

margin-bottom:50px;
}

.ramecek
{
border:1px solid white;
padding:10px;
}

h2 

{
text-align:center;
   color:white !important;
}

p

{

   color:white !important;
}



table
{
     color:white !important;

}


.linkx
{
     margin-top:3px;
    position:relative;
     color:white !important;
     font-size:20px;
     padding:5px;
     border:1px solid white;
     
}


.bunka2
{
     color:white !important;
     text-align:justify;
     padding:10px;
     line-height:30px
}


.pret
{

     overflow-x: scroll;
     scrollbar-color: #007 #bada55;
}