:root {
  --crna: #1A1D24;
  --siva: #9999A9;
  --sina: #28A0FC;
  --magenta: #B214A9;
  --teget: #4F52B0;
  --sinozelena: #133C55;
  --svetlozelena: #D9EBEC;
  --temnosina: #1A1B41;
  --bela: #fff;
   font-size: 92.5%;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

 h1, h2, h3, h4, h5, h6 {
font-weight: 300;
 }
	h1 {font-size: 3rem;}
	h2 {font-size: 2.2rem;}
	h3 {font-size: 1.5rem;}
	
.text_light {font-weight: 100;}
.text_normal {font-weight: 200;}
.text_bold {font-weight: 300;}
.text_centar {text-align: center;}
.text_levo {text-align: left;}
.text_desno {text-align: right;}
.text_justify {text-align: justify;}
.text_bel {color:var(--bela);}
.text_srce { animation: heartbeat 1.25s infinite;}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	display: flex;
	flex-direction: column;
	flex-flow: row wrap;
	min-height: 100vh;
	text-align: center;	
	
}
header {
	padding: 2rem 1rem;
	width: 100%;
	margin: 0 auto;
	order: 0;
}
 footer{
	display: flex;
	margin:auto;
	padding-bottom:25px;
	order: 2;
 }
main {
	width: 100%;
	
	display: flex;
	flex-direction: column;
	
	align-content: center;
	justify-content: flex-end;
	order: 1;
	
}
.container {
	
    width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	}
.gore {
	display: flex;
    flex: 1 0 auto;
    width: 100%;
    order: 0;
    align-self: stretch;
    justify-content: center;
    align-items: center;
	/*background-color: var(--sina);*/
}
.dolu {
	display: flex;
	flex: 1 0 auto;
	width: 100%;
	height:auto;
	order: 1;
	justify-content: center;
	align-items: center;
	align-self: stretch;
  /*background-color: var(--magenta);*/
}
  .podnatpis {
	max-width: 90%;
	margin:auto;
	padding-bottom:20px;
	text-align: center;
	color:#ffffff;

   /* background-color: var(--sina);*/
 }           
.naslov {
	height: 40vh;
	max-width: 90%;
	 }
	.naslov_podznak {
	height: 25vh;
	max-width: 90%;
	 }
.arrow {
	padding-top:20px;
	padding-left:10px;
	float: left;
}
  .okvir_text {
	  font-family: 'Ubuntu', sans-serif;
	  font-weight: 400;
	  font-size: 1.2em;
	  max-width: 90%;
	  margin:auto;
	  background: rgba(255, 255, 255, 0.8);
	  border-radius:8px;
	  color: black;
	  padding:15px;
	  text-align: justify;
  }
      .okvir_text_planeti {
		   width: 85%;
		    display: grid;
  grid-template-columns: auto auto auto auto;
   background: rgba(255, 255, 255, 0.8);
   margin:20px;
  padding: 10px;
	
  }
  .planeti_grid{
	    font-family: 'Ubuntu', sans-serif;
	font-size: 1.3em;
	   margin:auto auto auto auto;
	 
	  border-radius:8px;
	  color: black;
	
	  text-align: left;
	  line-height: 30px;
	  
  }
.znak{
	margin-top:5px;
	margin-bottom:5px;
 }
 .znak img{
	filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));

 }
  .znak p {
	color:#000000;
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	margin-top:0px;
	margin-bottom:0px;
 }
   .glaven_text{

	max-width: 90%;
  
   margin-left:auto; 
   margin-right:auto; 
    height: auto;  
  }

 
 .glaven_text p{
	font-family: 'Montserrat', sans-serif;
	
	color:#000;
	text-align: justify;
	font-size: 1.1rem;
	}
  .text_podnaslovi {
	  display: block;
  text-align: left; 
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.2rem;
	
	color: var(--magenta);
	
	
	}
  .prazen {
height:3vh;
	
	
	}
	  .reklama {
		width:90%;
	margin:auto;
	padding: 30px 0px 20px 0px;
	}
/* Ne pogolemi od 375 */ 
@media screen and (max-width: 375px) {
	body {
		font-size: 0.9em;
	}
	header {
	padding: 1rem 1rem;
	
}
	#krug img {
    width: 140px;
    	}
	
		/* kraj */
}