@charset "utf-8";
/* CSS Document */


/*

Normalni text 7,57:1 - AAA
color: hsl(0, 0%, 33%); 
Vetsi text 5,51:1 - AAA
color: hsl(0, 0%, 42%); 


hsl(221, 49%, 33%);
hsl(194, 49%, 73%);
hsl(206, 33%, 44%); 	

flat stin pod polozkou
box-shadow: 0 3px 0 hsl(220, 7%,83%);
realistictejsi dvojstin
box-shadow: 0 4px 6px hsla(0,0%,.7), 0 5px 15px hsla(0,0%,.1);

*/



html{
	/*background-color: hsl(216,2%,98%);*/
	/*color: hsl(0, 0%, 15%); */
	font-family: 'Open Sans', sans-serif;	
	font-weight: 400;
}

h1,h2,h3,h4{
		/*color: hsl(206, 58%, 21%); */
        color:#004573;
		font-weight: bold;
		font-family: "Lexend", sans-serif;
		/*font-family: 'DM Serif Display', serif;
        letter-spacing: 0.05em;
		font-family: 'Inria Serif', serif;*/
}

h5{
    margin-top:1em;
    font-weight: bold;
    color:#004573;    
}
/*h1{
        letter-spacing: 0.1em;
}*/

@media (min-width: 200px){
    h1 {
        font-size: 2rem!important;
        letter-spacing: 0em!important;        
    }
}


@media (min-width: 400px){
    h1 {
        font-size: 2rem!important;
        letter-spacing: 0em!important;        
    }
}

@media (min-width: 600px) {
    h1 {
        font-size: 2.8rem!important;
        letter-spacing: 0.05em!important;        
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 3.1rem!important;
        letter-spacing: 0.05em!important;        
    }
}

@media (min-width: 1400px) {
    h1 {
        font-size: 3.1rem!important;
        letter-spacing: 0.1em!important;        
    }
}

a{
	color: hsl(206, 58%, 21%);	
}

h3.impactual{
	color:#a90000;
}

.article-box{
    font-size: 1.1em;   
}

a{
font-weight:bold;
}