body {
    background-color: #0089b6;
  }

header {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

main {
    display: flex;
    flex-direction: column;
    
    align-items: center;
    justify-content: center;
}

.container {
    display: flex;
    flex-direction: column;
}
.box {
    display: flex;
    flex-direction: row;
    max-width: 600px;
    align-items: center;
    justify-content: center;
}

.text {
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
    color: rgb(230, 225, 225);
    
  }
.tel {
    color: #edb500;
    font-size: 36px;
    font-family: "Open Sans";
    font-weight: 900;
}
.kontakt {
    margin-top: 10px;
    margin-bottom: 40px;
}
.poczta {
    font-size: 18px;
    font-family: "Open Sans";
    color: #edb500;
}
.pic {
    height: 80px;
 }
 
h1, h2, h3, p {
    font-family: "Open Sans";
}

h1 {
    color: #F6E9BD;
    font-size: 24px;
    }
h2 {
    color: #F6E9BD;
  }
h3 {
      color: rgb(230, 225, 225);
      font-size: 16px;
  }

@media (min-width: 640px) {
    .pic {
       height: 120px;
    }
  
    header {
        max-width: 960px;
        margin: auto;
    }
    .text {
        font-size :14px;
    }
    .tel {
        font-size: 72px;
    }
    .container {
        flex-direction: row;
        max-width: 960px;
    }  
}