html {
    font-family: consolas, monospace;
    font-size  : 1.2em;
    color      : black;
}

a {
    text-decoration: none;
    color          : black;
}

#wraper1,
#wraper2 {
    display: block;
    width  : 100%;
}

#map {
    height: 100%;
}

@media (max-width: 739px) {
    #map {
        height   : 250px;
        max-width: 100%;
    }
}

@media (min-width: 740px) {
    #wraper1 {
        padding: 10px 0 30px 0;
    }

    #wraper2 {
        height: 500px;
    }

    #map,
    #description,
    #hours {
        display       : inline-block;
        vertical-align: text-top;
    }

    #map {
        width: 44%;
    }

    #description {
        width: 25%;
    }

    #hours {
        width: 25%;
    }

    #main1,
    #companyname,
    #address {
        display: inline-block;
    }

    #main1 {
        width: 33%;
    }

    #companyname {
        width     : 33%;
        text-align: center;
    }

    #address {
        width        : 20%;
        padding-right: 20px;
        float        : right;
    }
}

h2 {
    margin-top : 0;
    font-weight: normal;
}

h1 {
    margin-bottom: 5px;
}

body {
    background-image   : url(AGD_naprawa_serwis_warszawa_abakserwsi_pralka.jpg);
    opacity            : 0.9;
    background-position: left bottom;
}

@media (max-width: 915px) {

    #description {
        padding-top: 20px;
    }

    #address {
        padding-bottom: 20px;
    }

    h1,
    h2 {
        text-align: center;
    }
}

@media (min-width: 880px) and (max-width: 1300px) {
    #hours table {
        float: right;
    }
}

#description,
#hours,
#companyname,
#address,
#footer {
    background-color: #fbfafa;
    padding         : 10px;
    word-break      : break-word;
}

#footer {
    margin-top: 36px;
    font-size : 0.7em;
}