|
|
|
|
@font-face{font-family:Roboto-Light;src:url(../fonts/roboto_light/Roboto-Light-webfont.eot);src:url(../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_light/Roboto-Light-webfont.woff) format('woff'),url(../fonts/roboto_light/Roboto-Light-webfont.ttf) format('truetype'),url(../fonts/roboto_light/Roboto-Light-webfont.svg#Roboto-Light) format('svg')}@font-face{font-family:Roboto-regular;src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot);src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.woff) format('woff'),url(../fonts/roboto_regular/Roboto-Regular-webfont.ttf) format('truetype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.svg#Roboto-regular) format('svg')}@font-face{font-family:Roboto-Medium;src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot);src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.woff) format('woff'),url(../fonts/roboto_medium/Roboto-Medium-webfont.ttf) format('truetype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.svg#Roboto-Medium) format('svg')}@font-face{font-family:Roboto-Bold;src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot);src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.woff) format('woff'),url(../fonts/roboto_bold/Roboto-Bold-webfont.ttf) format('truetype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.svg#Roboto-Bold) format('svg')}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,html{font-size:16px}h1 a{font-family:Roboto-Medium;font-size:5em}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:100%;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}
|
|
|
|
|
@font-face{font-family:Roboto-Light;src:url(../fonts/roboto_light/Roboto-Light-webfont.eot);src:url(../fonts/roboto_light/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_light/Roboto-Light-webfont.woff) format('woff'),url(../fonts/roboto_light/Roboto-Light-webfont.ttf) format('truetype'),url(../fonts/roboto_light/Roboto-Light-webfont.svg#Roboto-Light) format('svg')}@font-face{font-family:Roboto-regular;src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot);src:url(../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.woff) format('woff'),url(../fonts/roboto_regular/Roboto-Regular-webfont.ttf) format('truetype'),url(../fonts/roboto_regular/Roboto-Regular-webfont.svg#Roboto-regular) format('svg')}@font-face{font-family:Roboto-Medium;src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot);src:url(../fonts/roboto_medium/Roboto-Medium-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.woff) format('woff'),url(../fonts/roboto_medium/Roboto-Medium-webfont.ttf) format('truetype'),url(../fonts/roboto_medium/Roboto-Medium-webfont.svg#Roboto-Medium) format('svg')}@font-face{font-family:Roboto-Bold;src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot);src:url(../fonts/roboto_bold/Roboto-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.woff) format('woff'),url(../fonts/roboto_bold/Roboto-Bold-webfont.ttf) format('truetype'),url(../fonts/roboto_bold/Roboto-Bold-webfont.svg#Roboto-Bold) format('svg')}*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;margin:0;padding:0;vertical-align:baseline;border:0}body,html{font-size:16px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;margin:0}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:auto;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}h1 a{font-family:Roboto-regular;font-size:1rem}h2 a{font-family:Roboto-Medium;font-size:1.5rem}nav li a{font-family:Roboto-regular;font-size:.9rem;text-transform:uppercase}p{font-family:Roboto-Light;font-size:.8rem}header{position:fixed;top:0;display:-ms-flexbox;display:flex;width:100%;height:35px;background-color:#fff;-ms-flex-pack:justify;justify-content:space-between}header ul{display:-ms-flexbox;display:flex}header ul.tags{display:none}header ul.visible{display:-ms-flexbox;display:flex}#start{margin-top:35px}#start .item{display:-ms-flexbox;display:flex}#start .item .card{position:relative;width:calc(100% / 3)}#start .item .card .card-image:hover{transition:all 1s;opacity:.95;mix-blend-mode:multiply;filter:contrast(10) grayscale(1)}#start .item .card .card-title{position:absolute;top:50%;left:50%;transform:translateX(-50%)}#start #items .content-item .e-content{display:-ms-flexbox;display:flex}#start #items .content-item .media{width:calc((100% / 3) + (100% / 3))}#start #items .content-item .txt{position:fixed;right:0;width:calc(100% / 3);height:100%}#start #items .content-item .txt .taxonomy{position:fixed;bottom:0}
|