html, body {height: 100%;}

body {margin: 0 auto;
      padding: 0;
      font-family: 'PT Sans', sans-serif;
      font-size: 20px;
      color: #223963;
      background: url(img/zegar.svg) no-repeat scroll calc(50% + 470px) -45px;
      background-size: 275px 275px;}

      
*:focus {outline: 0;}
      
a {text-decoration: none;
   cursor: pointer;}
        

div {box-sizing: border-box;}     


.clear {clear: both;}

.center {text-align: center;
         padding: 25px 0;}
         
.blue {color: #00ADEF;
       font-weight: 600;}         


.content {width: 100%;
          max-width: 1040px;
          padding: 0 20px;
          margin: 0 auto;}

.logo { width: 298px;
        margin: 55px auto 18px auto;} 
       
.logo img {width: 100%;}


h1 {font-size: 34px;
	 color: #2aa4c3;
     text-align: center;
     text-transform: uppercase;
     margin: 50px 0 30px 0;}

.row {width: 100%;
      display: flex;
      justify-content: center;
      line-height: 32px;}

.cell:first-child {width: 320px;
                   text-align: right;
                   padding: 11px 22px;
                   border-right: 1px solid #dddddd;}


.cell:last-child {width: calc(100% - 320px);
                  padding: 11px 22px;
                  font-weight: 600;}
                 
.cell.cell2:last-child {font-weight: 400;} 

.row:nth-child(2n) {background: #F6F6F6;}


.screen {clear: both;
          width: 100%;
          padding-bottom: 10px;
          overflow: scroll;}

.footer-container {clear: both;
                   width: 100%;
                   background: #0F2847;}

.footer {width: 100%;
          max-width: 1040px;
          padding: 23px 20px;
          margin: 0 auto;
          position: relative;
          color: #fff;
          font-weight: 600;
          text-align: center;}

.logo-footer {width: 180px;
              position: absolute;
              left: 20px;
              top: 23px;}

.logo-footer img {width: 100%;}