/*
Collection Artem
Author: Thierry Fournier
*/

/* FONTS */

@font-face {
    font-family: 'knif_monoregular';
    src: url('/fonts/aa_knif-mono_2-webfont.woff2') format('woff2'),
         url('/fonts/aa_knif-mono_2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'knif_monoitalic';
    src: url('/fonts/aa_knif-mono_italic_2-webfont.woff2') format('woff2'),
         url('/fonts/aa_knif-mono_italic_2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* General */

body {background: #FFF;font-family:"knif_monoregular";font-size:15px; line-height:20px;color:#000;}
#site {max-width:80%;margin:10px auto 10px auto;}
.header {width:100%;margin: 10px auto 40px auto;text-align:center;padding-bottom:20px;border-bottom: 1px solid black;}
.menu a {white-space: nowrap;text-decoration: none!important;margin: 10px;}

p {text-align: left;margin: 0 0 14px 0;}
h1 {font-size: 32px;line-height:32px;margin-bottom:10px;text-align:center;}
h2 {font-size: 24px;line-height:24px;margin-bottom:20px;margin-top:40px;text-align:center;}
.leg {font-size: 12px;line-height:16px;margin-bottom:10px;text-align:center;}

a, a:active, a:focus, a:visited {text-decoration:underline;color:#000;background:#FFF;}
img {display:block;width:70%;height:auto;margin: 20px auto 10px auto;}

.footer {text-align:center;}
.footer img {width:40%!important;height:auto;margin: 20px auto 20px auto;} 

/* MEDIA QUERIES */

/* Smartphones ----------- */
@media only screen and (min-device-width : 200px) and (max-device-width : 640px) and (orientation : portrait) {
    img {display:block;width:100%;height:auto;margin: 20px auto 10px auto;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    img {display:block;width:100%;height:auto;margin: 20px auto 10px auto;}
}

/* Large Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    
}

/* Very Large Desktops and laptops ----------- */
@media only screen  and (min-width : 2048px) {
   
}