/* Standards */

body { 
background-color: black; 
font-family: Helvetica, sans-serif;
font-family: "klavika-light"; font-size: 2.0em; line-height: 1.25em;
color: black;
}

@font-face {
  font-family: 'klavika-light';
  src: url('/fonts/eot/KlavikaWebBasicLight.eot') format('eot'), url('http://www.juans.ca/wp-content/themes/juans/fonts/woff/KlavikaWebBasicLight.woff') format('woff');
}

@font-face {
  font-family: 'klavika-bold';
  src: url('/fonts/eot/KlavikaWebBasicBold.eot') format('eot'), url('http://www.juans.ca/wp-content/themes/juans/fonts/woff/KlavikaWebBasicBold.woff') format('woff');
}

a {color: black;}
a:hover {color: #555; text-decoration: none;}

img {width: 100%; height: auto; }

.container, .container-full {background-color: #eee;}
	.row {padding-left: 1.0em;}


h1 {font-family: 'Klavika-bold'; font-size: 2.0em; padding-top: 0.25em; margin-bottom: 0.5em;}
p {margin-bottom: 0.5em;}
ul {list-style-type: none; margin-left: 0; 
	-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 0;
}
li {font-family: 'Klavika-bold';}





/* SMALL */
@media(min-width:768px){
	h1 {font-family: 'Klavika-bold'; font-size: 2.5em; padding-top: 1.0em; margin-bottom: 1.0em;}
	.row {padding-left: 2.0em;}
	p, li {font-size: 2.0em; line-height: 1.1em;}
	}


/* MEDIUM */
@media(min-width:992px){
	h1 {font-family: 'Klavika-bold'; font-size: 3.0em; padding-top: 1.0em; margin-bottom: 1.0em;}
	p, li {font-size: 2.25em; line-height: 1.1em;}

}


/* LARGE */
@media(min-width:1200px){ 
	h1 {font-family: 'Klavika-bold'; font-size: 3.5em; padding-top: 1.0em; margin-bottom: 1.0em;}
	p, li {font-size: 2.5em; line-height: 1.1em;}
}