﻿html,
body {
    font: 13px/1.2 Verdana, Sans-Serif;
    background-color: #f6f6f6;
}

.page {
    max-width: 60em;
    margin: 2em auto;
}

h1 {
    font-size: 2em;
}

.page-header {
    display: flex;
    justify-content: center;
}

.main-content {
    padding: 1em 2em;
    text-align: center;
}

.browsers-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .browsers-list a {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1em;
        text-decoration: none;
        color: #000;
    }
/*Media-queries*/
@media(min-width:1160px) {
    html, body {
        font-size: 14px;
    }
}

@media (min-width:1221px) {

    html,
    body {
        font-size: 15px;
    }
}


@media (min-width:1400px) {

    html,
    body {
        font-size: 16px;
    }
}
