/*
    Created on : 2015-03-19, 07:05:18
    Author     : msulej
    
    Style dotyczące czcionek, nagłówków, list i wszystkiego, co dotyczy liter i cyfr

*/
/* 
    Created on : 2015-03-23, 07:11:25
    Author     : msulej
*/
/* wysokosc headera */
/* wysoksc linii 70px */
/* klasy fontow do paneli */
/* margines globalny */
html {
  color: #556677;
  font-size: 22px;
  line-height: 1.4;
}
html * {
  font-family: "Lato", "Open Sans", sans-serif;
  font-weight: 300;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
.thin {
  font-weight: 300 !important;
}
.bold {
  font-weight: 700;
}
.ar {
  text-align: right !important;
}
.al {
  text-align: left;
}
.ac {
  text-align: center !important;
}
.aj {
  text-align: justify !important;
}
p {
  font: 300 22px "Lato", sans-serif;
}
@media screen and (min-width: 1401px) and (max-width: 1600px) {
  body h1 {
    font-size: 60px;
    line-height: 70px;
  }
  /* h2 {font-size:50px;line-height:60px} */
  body h3 {
    font-size: 40px;
    line-height: 50px;
  }
  p {
    font-size: 22px;
    line-height: 26px;
  }
  /* body li {font-size:18px;line-height:24px} */
  .button {
    line-height: 250% !important;
  }
}
@media screen and (max-width: 1440px) {
  p {
    font: 300 22px "Lato", sans-serif;
  }
}
@media screen and (min-width: 961px) and (max-width: 1400px) {
  body h1 {
    font-size: 40px;
    line-height: 46px;
  }
  /* body h2 {font-size:40px;line-height:46px} */
  body h3 {
    font-size: 20px;
    line-height: 26px;
  }
  /* body li {font-size:16px !important;line-height:22px !important}*/
  .button {
    line-height: 250% !important;
  }
  .panels-area p {
    font-size: 22px;
    line-height: 30px;
  }
  /*.intro-pod p,.paneles h2 + p {font-size:22px !important; line-height:1 !important}*/
  .s-forwarder .oncircle-2 .inbox h1,
  .s-loader .oncircle-2 .inbox h1 {
    font-size: 40px !important;
  }
  .inp,
  .area {
    font-size: 16px;
  }
  .intro-pod1 h2 {
    font-size: 40px !important;
  }
  /* section.inbox > h2 {font-size:60px !important;line-height:70px !important} */
}
@media screen and (max-width: 960px) {
  body h1 {
    font-size: 25px;
    line-height: 30px;
  }
  body h3 {
    font-size: 20px;
    line-height: 26px;
  }
  p {
    font-size: 16px;
    line-height: 24px;
  }
  /* body li {font-size:16px;line-height:22px} */
  .button {
    line-height: 250%;
    font-size: 100%;
  }
  .panels-area p {
    font-size: 20px;
    line-height: 30px;
  }
  /* .intro-pod p,.paneles h2 + p {font-size:20px !important; line-height:1 !important} */
  .s-forwarder .oncircle-2 .inbox h1,
  .s-loader .oncircle-2 .inbox h1 {
    font-size: 30px !important;
  }
  /*h2.ac {font:300 40px/44px "Lato", sans-serif !important } */
  /* section.inbox > h2 {font-size:40px !important;line-height:50px !important} */
}