/*    .row>div {margin-top: 1em; margin-bottom: 1em;}*/

a, a:link {
    color: green;
}

a:hover {
    color: #f00;
}

a.btn-primary,
a.btn-primary:link {
    border-color: #146;
    background: #146;
    color: #fff;
}

a.btn-primary:hover {
    border-color: #146;
    background: #068;
    color: #fff;
}



img {
    max-width: 100%;
}

img.icon {
    max-width: 96px;
}

.top-leading {
    padding-top: 3em;
}

.some-space {
    margin-top: 1em;
    margin-bottom: 1em;
}

.big-space {
    margin-top: 6em;
    margin-bottom: 6em;
}

.insta {
    width: 100%;
    max-width: 300px;
}

.embed-responsive {
    background: #444;
}

.row > div,
header {
    margin-top: 1em;
}

.hero {
    padding: 3em 1em;
}

h1 a,
h2 a,
h1 a:link,
h2 a:link {
    color: inherit;
}

h1 a:hover,
h2 a:hover {
    text-decoration: none;
}

header h1 {
    font-size: 2em;
    margin-bottom: 1em;
}

header hr {
    margin: 0.4em 0;
}

.nav {
    margin: 1.2em -15px 0.6em;
}

.nav a,
.nav a:link {
    color: black;
}

.nav a:hover {
    text-decoration: underline;
}

.nav-link {
    padding: 0.1rem 1rem;
}

.footer {
    padding-top: 1.4rem;
    padding-bottom: 2rem;
}

.masthead {
    padding-bottom: 1rem;
}

.white,
.dark,
.darker,
.jumbotron {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}



.jumbotron {
    background: #eee;
    border-top: 3px dotted #888;
    border-bottom: 3px dotted #888;
}

.jumbotron .container {
    max-width: 48rem;
}

.darker {
    background: #888;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}

.darker .insta {
    border: 4px solid white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.talks h1 {
    font-size: 1.4em;
}

.talks h2 {
    font-size: 1.6em;
}

.talks ul {
    list-style: none;
    padding: 0.4em 1em;
    background: #eee;
    margin-bottom: 3em;
}

@media screen and (min-width: 440px) {
    h1 a, h2 a, h1 a.link, h2 a.link {
        text-decoration: inherit;
    }

    .talks h2 {
        max-width: 80%;
    }

    .insta {
        width: 75%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 578px) {
    .white {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .hero {
        padding: 5em 2em;
    }

    .insta {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .masthead {
        padding-top: 1.4em;
    }
    .header-image-frame {
        height: 1em;
        overflow: visible;
    }
}

@media screen and (min-width: 992px) {
    header {
        display: flex;
        flex-direction: row-reverse;
        margin: 3rem 0 2rem;
    }

    header > div {
        width: auto;
    }

    header h1 {
        margin-bottom: 0.4em;
    }
}