﻿.tales-list {
    text-align: center;
}
.tales-list h1 {
    font-family: 'Augusta';
    font-variant:normal;
    text-align: center;
}
.tales-list nav {
    margin-right:20%;
    column-count: 4;
    column-gap: 1rem;
    -webkit-column-count: 4;
    -moz-column-gap: 1rem;
    -moz-column-count: 4;
    -webkit-column-gap: 1rem;
}
.tales-list nav ul {
    margin:0;
    padding: 0;
    list-style: none;
}
.cambell-tales hr {
    height: .25rem;
    background-color: blue;
}
.cambell-tales p>img{
    max-width:100%;
    height:auto;
}
.cambell-tales .poem {
    font-style: italic;
    padding-left: 10rem;
}
@media screen and (max-width:499px){
    .tales-list nav {
        width: 100%;
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        text-align:center;
    }
    .cambell-tales h2{
        margin-top:2rem;
    }
    .cambell-tales .poem{
        padding:0;
    }
}
@media screen and (min-width:500px) and (max-width:799px){
    .tales-list nav {
        width: 100%;
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }
    .cambell-tales h2{
        margin-top:2rem;
    }
}
@media screen and (min-width:800px) and (max-width:999px){
    .tales-list nav {
        width: 100%;
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
    }
}
@media only print{
    .tales-list{display:none;}
    a{display:none;}
}