/* About
-------------------------------------------------- */
main.about {display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: column nowrap;flex-flow: column nowrap;}
main.about section{border-bottom:1px solid ;width:100%;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row nowrap;flex-flow: row nowrap;}
main.about section:last-child{border-bottom:0}
main.about section article{width:50%;}
main.about section article:nth-child(2){background:white;filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.2" intercept="-0.09999999999999998" /><feFuncG type="linear" slope="1.2" intercept="-0.09999999999999998" /><feFuncB type="linear" slope="1.2" intercept="-0.09999999999999998" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:grayscale(100%) contrast(1.2);filter:grayscale(100%) contrast(1.2);background-position: center;background-size:cover}

main.about section article:nth-child(1){border-right:1px solid;padding:1em 2em;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: column nowrap;flex-flow: column nowrap;}
main.about section article h2{font-family:'Beastly';font-size:1.6em;line-height:1em;margin-bottom:.625rem;}
main.about section article h3{margin-bottom:1.25em}
main.about section article span{display:inline-block;margin-top:1.25em}
main.about section article ul{padding:.5em 1.5em;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-line-pack:justify;align-content:space-between;width:100%}
main.about section article ul li a{padding:.5em;height:6em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
main.about section article ul li img{height:100%;width:auto;filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.2" intercept="-0.09999999999999998" /><feFuncG type="linear" slope="1.2" intercept="-0.09999999999999998" /><feFuncB type="linear" slope="1.2" intercept="-0.09999999999999998" /></feComponentTransfer></filter></svg>#filter');-webkit-filter:grayscale(100%) contrast(1.2);filter:grayscale(100%) contrast(1.2)}
main.about section article ul li a:hover{opacity:.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
main.about section article ul > li:before{content:''}


/* MEDIA QUERIES
-------------------------------------------------- */
@media only screen and (max-width:680px){
    main.about {display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: column nowrap;flex-flow: column nowrap;}
    main.about section{border-bottom:1px solid ;width:100%;display: -moz-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: column nowrap;flex-flow: column nowrap;}
    main.about section article{width:100%;}
    main.about section article:nth-child(1) {padding:1rem;border-right:0}
     main.about section:nth-child(1) article:nth-child(2) {height:50vh}
    main.about section article ul {padding: .5em .5em;}
}