@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap&subset=latin-ext');

#bladstrony{
font-family: 'Open Sans', sans-serif;
background: url(../images/error-404.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;

}



.well {
background:transparent;
border: none;
}

#czesc_glowna{
max-width: 300px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #fff;
border: solid 2px;
border-radius: 50%;
padding: 60px;
height: 300px;
vertical-align: mod;
display: flex;
align-items: center;
align-content: center;
flex-wrap: wrap;


  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}


#czesc_glowna h1{
color: #fff;



}


#czesc_glowna h1 b{
color: #fff;
display: block;
font-size: 60px;
margin-bottom: 10px;
}


#opisblad a{
display: inline-block;
background: rgba(0,89,139,0.8);
color: #fff;
margin-top: 10px;
padding: 10px 20px;
border-radius: 20px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
text-decoration:none;
}


#opisblad a:hover{
background: rgba(0,89,139,1);
text-decoration:none;
transition:all 1s ease 0s;
}




@media (max-width:550px){

#czesc_glowna {
padding: 0% 2%;
border-radius: 0;
}

#czesc_glowna h1 {
font-size: 16px;
}

#opisblad{
line-height: 18px;
font-size: 12px;
}


#opisblad a {
    display: inline-block;
    background: rgba(0,89,139,0.8);
    color: #fff;
    margin-top: 10px;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
}






}