/* päänavigaatio */	
/* linkin väri */
/* jos bodyyn määrittää fontin koon niin se vaikuttaa kaikkiin sivuilla oleviin teksteihin joita ei oo erikseen määritelty */
/* päänavigaation väri */


 p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  color: black;
 
  font: inherit; }
  

  
  
  

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }






  
/* linkin väri */
  
  
a {
  color: black;
  text-decoration: none; }
  a:focus, a:hover {
    color: black;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

  






.a:hover {
  text-decoration: none;
  }

a:hover {
  text-decoration: none;
  color: inherit; }

a:focus {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

.h1, .h2, .h3, .h4, .h5, h5, .h6 {
  margin: 0; }




.img {
  width: 100%;
  margin: 0 auto;
  height: auto; }
  .img--overlap {
    margin-top: -16vh; }

.container-fluid--nopadding {
  padding-left: 0px;
  padding-right: 0px;
  overflow: hidden; }


/* tää white väri ei tee mitään */	
.main {
  background-color: white; }


.main {
  clear: both; }





@font-face {
  font-family: 'Heebo';
  src: url("Heebo-Light.ttf") format("truetype"); }
  
  
  @font-face {
  font-family: Heebo-bold;
  src: url("font/Heebo-Bold.ttf") format("truetype"); }

  @font-face {
  font-family: Heebo-regular;
  src: url("font/Heebo-Regular.ttf") format("truetype"); }
  
  
  
  
  
@font-face {
  font-family: MTGSans-Light;
  src: url("font/MTGSans-Light.woff") format("woff"); }
  
  
  @font-face {
  font-family: MTGSans-Regular;
  src: url("font/MTGSans-Regular.woff") format("woff"); }

  @font-face {
  font-family: MTGSans-Bold;
  src: url("font/MTGSans-Bold.woff") format("woff"); }
  
  

/* jos bodyyn määrittää fontin koon niin se vaikuttaa kaikkiin sivuilla oleviin teksteihin joita ei oo erikseen määritelty */


body {
  font-family: "domaine-regular";
  font-size: 20px;
  line-height: 1.4;
  color: black; }
 
@media (max-width: 991px) {
	 .blog-post p {
		 
		 line-height: 1.8;
		 font-size: 17px;
		 
}}

 @media (min-width: 992px) {
    
	.blog-post p {
	
      font-size: 19.2px;
	
	  line-height: 1.6;
	}


	 
	 
	 /* kokeiltuja fontteja:
	 
	 
	 Heebo on tällä hetkellä paras leipätekstiin, mutta on sekin aavistuksen liian kapea.
	 
	 
	 fallback: font-family: Lato, "Lucida Grande", Tahoma, Sans-Serif;
	 pitäskö määritellä: line-height: 1.6; (eli rivinväli, voiko käyttää % tai vw)
	 
	 normi fonttikoko: 18pt
	 
	 font-family: 'Quicksand', sans-serif;
	 font-family: 'Open Sans', sans-serif;
	 font-family: 'Merriweather', serif;
	 font-family: 'Noto Serif TC', serif;
	 font-family: 'Frank Ruhl Libre', serif;
	 
	 
	 
	 jos haluaa tutustua fallback vertailuun:
	 https://meowni.ca/font-style-matcher/
	 
	 mielenkiintonen highlight
	 <link href="https://fonts.googleapis.com/css?family=Zilla+Slab+Highlight" rel="stylesheet"> 
	 font-family: 'Zilla Slab Highlight', cursive;
	 
	 
	 
	 ei omalle sivulle mutta jossain yhteydessä vois olla kiva:
	 <link href="https://fonts.googleapis.com/css?family=Snippet" rel="stylesheet"> 
	 font-family: 'Snippet', sans-serif;
	 
	 
	 jostain syystä kun tähän on määritelty tuo: @media (min-width: 992px) {  body { 
	 
	 niin pitäskö olla myös?
	 
	 @media (max-width: 575px) {
	 @media (max-width: 767px) {
	 @media (max-width: 991px) {
	 
	 
	 */