@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
}

@media (max-width: 1200px) {
    legend {
        font-size: calc(1.275rem + 0.3vw);
    }
    h1,
    .h1 {
        font-size: calc(1.375rem + 1.5vw);
    }
    h2,
    .h2 {
        font-size: calc(1.325rem + 0.9vw);
    }
    h3,
    .h3 {
        font-size: calc(1.3rem + 0.6vw);
    }
    h4,
    .h4 {
        font-size: calc(1.275rem + 0.3vw);
    }
    .display-1 {
        font-size: calc(1.725rem + 5.7vw);
    }
    .display-2 {
        font-size: calc(1.675rem + 5.1vw);
    }
    .display-3 {
        font-size: calc(1.575rem + 3.9vw);
    }
    .display-4 {
        font-size: calc(1.475rem + 2.7vw);
    }
    .close {
        font-size: calc(1.275rem + 0.3vw);
    }
}

.site-header{
    background-color: rgba(0, 0, 0, .85);
}

nav a {
    color: #999;
    transition: ease-in-out color .15s;
}

nav a:hover {
    color: #fff;
    text-decoration: none;
}

span.edit form input{
    width: 17px !important;
}

.table.planning .fa{
    font-size: 30px;
    padding: 0;
    vertical-align: middle;
    display: table-cell;
}