﻿html, body {
  /*box-sizing: border-box;*/
  background-color:#fff;
  margin: 5px;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  /* font-size: 15px; */
}

/*
450
650
800
1000
1150
*/


h1{font-size:1.7em;margin:0px 0px 2px 0px;}
h2{font-size:1.5em;margin:0px 0px 2px 0px;}
h3{font-size:1.4em;margin:0px 0px 2px 0px;}
h4{font-size:1.3em;margin:0px 0px 2px 0px;}
h5{font-size:1.2em;margin:0px 0px 2px 0px;}
h6{font-size:1.1em;margin:0px 0px 2px 0px;}
/*a:link,a:visited,a:active,a:hover{color:#000}*/
img{border:0;aspect-ratio: attr(width) / attr(height)}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	max-width:800px;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

#bold{font-weight:bold;}


#content{
	background-color: #fff;
	border: 0px solid #eeeeee;
	grid-area: content;
	/*padding:0px;*/
	/*border-radius:0px;*/
}




/* BOKSE */
.greenbox{
	background-color:yellowgreen; /*#99e699;*/   /*#5cd65c  #d6f5d6  #2eb82e*/
	border-radius:5px;
	padding:0px;
	margin:3px 0 3px 0;
}
.redbox{
	background-color:orangered; /*rgb(255, 69, 6);*/	/*#ffd9cc    #ff4000*/
	border-radius:5px;
	padding:5px;
	margin:3px 0 3px 0;
}
.greybox{
	background-color:#eeeeee;
	border-radius:5px;
	padding:5px 5px 5px 0px;
	margin:5px 5px 5px 0px;
}
.yellowbox{
	background-color:#ffff80; /*yellow;*/
	border-radius:5px;
	padding:5px;
	margin:3px 0 3px 0;
}
.goldbox{
	background-color:gold; /*yellow;*/
	border-radius:5px;
	padding:5px;
	margin:3px 0 3px 0;
}


#w-0-449{display:inline-block;}
#w-450-649{display:none;}
#w-650-879{display:none;}
#w-800-999{display:none;}
#w-1000-1149{display:none;}
#w-1150-1399{display:none;}
#w-1400-and-up{display:none;}	


/****************************************************************
450 450 450 450 450 450 450 450 450 450 450 
*****************************************************************/
	

@media only screen and (min-width: 450px) {


	#w-0-449{display:none;}
	#w-450-649{display:inline-block;}
	#w-650-879{display:none;}
	#w-800-999{display:none;}
	#w-1000-1149{display:none;}
	#w-1150-1399{display:none;}
	#w-1400-and-up{display:none;}		
}

/****************************************************************
650 650 650 650 650 650 650 650 650 650
*****************************************************************/


@media only screen and (min-width: 650px) {
	
	
	
	#w-0-449{display:none;}
	#w-450-649{display:none;}
	#w-650-879{display:inline-block;}
	#w-800-999{display:none;}
	#w-1000-1149{display:none;}
	#w-1150-1399{display:none;}
	#w-1400-and-up{display:none;}	


}


/****************************************************************
800 800 800 800 800 800 800 800 800 
*****************************************************************/

@media only screen and (min-width: 800px) {
	
	#w-0-449{display:none;}
	#w-450-649{display:none;}
	#w-650-879{display:none;}
	#w-800-999{display:inline-block;}
	#w-1000-1149{display:none;}
	#w-1150-1399{display:none;}
	#w-1400-and-up{display:none;}		
}

/****************************************************************
1000 1000 1000 1000 1000 1000 1000 1000 1000 1000 
******************************************************************/

@media only screen and (min-width: 1000px) {
	body{font-size:1.02em;}

	#w-0-449{display:none;}
	#w-450-649{display:none;}
	#w-650-879{display:none;}
	#w-800-999{display:none;}
	#w-1000-1149{display:inline-block;}
	#w-1150-1399{display:none;}
	#w-1400-and-up{display:none;}	
	

	
}


/****************************************************************
1150 1150 1150 1150 1150 1150 1150 1150 
******************************************************************/

@media only screen and (min-width: 1150px) {
	
	body{font-size:1.03em;}

	#w-0-449{display:none;}
	#w-450-649{display:none;}
	#w-650-879{display:none;}
	#w-800-999{display:none;}
	#w-1000-1149{display:none;}
	#w-1150-1399{display:inline-block;}
	#w-1400-and-up{display:none;}


}






	
	



