html,body,div,span,h1,h2,h3,p,a,em,img,strong,article,section,header,footer,dl,dd,dt,table,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
table{border-collapse: collapse;border-spacing: 0;}

@font-face {font-family: 'Macho-Light';
    src: url('/fonts/Macho-Light.eot');
    src: url('/fonts/Macho-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Macho-Light.woff2') format('woff2'),
         url('/fonts/Macho-Light.woff') format('woff'),
         url('/fonts/Macho-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

@font-face {font-family: 'Macho-Bold';
    src: url('/fonts/Macho-Bold.eot');
    src: url('/fonts/Macho-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Macho-Bold.woff2') format('woff2'),
         url('/fonts/Macho-Bold.woff') format('woff'),
         url('/fonts/Macho-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

body{font-family:'Macho-Light', 'Lucida Grande',Arial,sans-serif;font-size:16px;line-height:1.4em;color:#333;background-color: #fefefe;}

h1 {font-family:'Macho-Bold',Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal;margin:1.4rem 0; font-size: 2.4rem; line-height: 1em; }

p,footer{margin:1.2em 0}
h1,p{margin-left: 14px; margin-right:14px;}
a{color:#06c;}
a:visited{color:#034c95;}

section { margin:1.2rem auto .5em; overflow:hidden; }
.moi { float: right; margin-left: 20px; }
footer { color:#a79e97; text-align:center; }

ul { margin: 0; padding: 0; list-style: none; }
li { width: 400px; float: left; list-style: none; margin:0 14px 14px; padding: 10px; 
	background: #eee; border: 1px #ccc solid; font-size: 0.9em; line-height:1.2em; min-height: 460px; }

@media (min-width: 900px) {
	section { width: 900px; }
	section h2:nth-child(1) {margin-top: 1.2rem;}
}

@media (max-width: 900px) {
	h1,p { margin-left: 1rem; margin-right: 1rem; }
	li { float: none; margin: 0 auto 15px; }
}

@media (max-width: 440px) {
	li { width: 95%; padding: 2%; min-height: 0; }
	section img { width: 100%; }
	.moi { display: none; }
}