@font-face {
            font-family: 'Avenir LT Std';
            src: url('/AvenirLTStd-Book.ttf') format('truetype'),
                url('/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        body{
            margin:40px auto;
            max-width:550px;
            line-height:1.6;
            font-size:18px;
            color:#444;
            padding:35px 35px;
            font-family: "Avenir LT Std";
        }
        h1,h2,h3{
            line-height:1.2;
        }
        h1{
            color: #444;
            font-size: 1em;
        }
        h2,h3{
            color: #666;
        }
        a {
            text-decoration: none;
            color: #AAA;    
        }
        a:hover {
            color: #333;
            text-decoration: underline;
        }
        .banner {
            text-align: center;
            line-height: 1.43;
            margin: 0;padding: 0;
            margin-top: 10vh;
            margin-bottom: 5vh;
            max-width: 100vw;
            font-size: 270%;
        }
        .ul {
            margin:0;padding-left:1em;
        }
        img {
            max-width: 300px;
            margin-left: 23%;
        }


        .blog-title{
             text-align: center;
             line-height: 1.43;
             margin: 0;padding: 0;
             margin-bottom: 5vh;
             max-width: 100vw;
             font-size: 1.5em; 
        }