html, body{
    height:100%;
    margin:0px;
    background-image: url(bg.jpg);
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #fff;
}

a { color: #fff; text-decoration: none; }

.left {
   overflow: hidden;
    height: 100%;
    width: 50%;
    background-color: #1b2e58;
    position: relative;
    }

.logo {padding-bottom: 70px;}
.left2 {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    float: right;
    width: 100%; }

.centered {
    font-weight: 200;
    margin-right: 10%;
    margin-left: 70px;
    width: auto;
    float: right;
     max-width: 470px;
    text-align: left; }
.komunikat { padding-left: 68px;}
p { margin: 0; line-height: 1.5 }
.ooops { font-weight: 200; font-size: 42px; color: #009cff; padding-bottom: 40px; }

.titleinfo { padding-bottom: 30px; line-height: 32px;}
.info { padding-top:30px; padding-bottom: 0px; margin: 0;}
.phone { font-weight: 400; padding-top: 20px; line-height: 32px;}

@media all and (max-width:820px) {
  .left {
    float:none;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .left2 {
    float: none;
    width: 100%;
    }
    .centered {
    float: none;
    margin-left: 10%;
    }
  }
  
@media all and (max-height:575px) {
.left2 {
    position: relative;
    top: 15%;
    transform: translateY(0%); }
.left {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;}   
}

@media all and (max-width:400px) {
    .komunikat { padding-left: 0px;}
}