/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;font-size:100%;border:0;outline:0;vertical-align:top;margin:0;padding:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
table,table td{border:none;border-collapse:collapse;padding:0}
*{border:none}
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}
mark,rp,rt,ruby,summary,time{display:inline}
img,embed{vertical-align:top;max-width:100%;margin-bottom:10px}

/* Global */
body{
	border: 0;
	color: #323232;
    font:18px 'Fira Sans',Arial, Helvetica, sans-serif;line-height:1.475em
	background-color: #fff;
	text-align:center;
}
.cadre{
    border: 4px solid #8d5115;
    padding:3vw;
    margin: 2vw;
}
@media (min-width: 1330px) {
    .cadre{
        width: 1200px;
        max-width: 1200px;
        margin: 1vw auto;
    }  
}
h1{
	display: block;
    width: 100%;
    background-color:#8d5115;
}
h1 img{
    margin: 20px auto;
    background-color:#8d5115;
    padding: 20px;
    max-width: 280px;
}
@media (min-width: 576px) {
    h1 img{
	    max-width: 360px;
	}
}
@media (min-width: 768px) {
    h1 img{
	    max-width: 420px;
	}
}
@media (min-width: 1024px) {
    h1 img{
	    max-width: 450px;
	}
}
h2{
	font-family:'Fira Sans',Arial, Helvetica, sans-serif;
    font-weight:800;
    color: #8d5115;
    font-size: 24px;
    margin: 1.5em 0 1em 0;
    line-height:36px;
}
@media (min-width: 768px) {
    h2{
        font-size: 36px;
        line-height: 42px;
    } 
}
h3{
    font-size: 20px;
    margin: 0.8em 0 1em 0;
}
article p{font:18px 'Fira Sans',Arial, Helvetica, sans-serif;line-height:1.475em;margin-bottom:1.2em;}
.bio{margin-bottom:1em}
.clips video{width:100%;max-width:100%;margin:auto;}
@media (min-width: 768px) {
    .clips video{width:640px;max-width:640px;margin:auto} 
}
footer img{margin-top:1.5em;margin-bottom: 2em}