/* 
    Created on : 31.8.2018, 21:48:15
    Author     : jaroslav.mencl
*/

body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}

* {
background
    box-sizing: border-box;
}

body {
    max-width: 1600px;
    margin: 0;
    /*font-family: Arial;*/
}

.header {
    text-align: center;
    padding: 32px;
}
h4 { font-size: 2em;}

p {font-size: .9em;}

.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
    -ms-flex: 25%; /* IE10 */
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

.column img {
    margin-top: 8px;
    vertical-align: middle;
}

@media screen and (max-width: 1200px) {
    .column {
        -ms-flex: 33%;
        flex: 33%;
        max-width: 33%;
    }
}

@media screen and (max-width: 700px) {
    .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}