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

/* Globalne promenljive za lako menjanje stila */
:root {
    font-family: Arial, sans-serif;
}

/* Osnovni stil za ceo sajt */
html, body {
    font-family: sans-serif;
    
}


#wrap{
position:relative;
width:1000px;
height:auto;
background-color:#e6e6e6;
text-align:center;
}
.main  {
    background:royalblue;
    color: #9932CC;
    font-family: 'Alfa Slab One';
    font-size:90px;
   -webkit-text-stroke: 2px #F5F5F5;
   margin-top:-15px;
}

 .header {
    background:red;  
    color:maroon;
    }
.header:hover {
    background:maroon;  
    color:red;
    }  
 .header h1 {
  text-align: center;
  font: bold Sans-Serif;
  padding: 5px;
  margin-bottom:10px;
  font-family: 'Alfa Slab One';
  font-size: 100px;
  color:red;
-webkit-text-fill-color:maroon;
-webkit-text-stroke: 2px #F5F5F5;
}
 .header h2 {
  text-align: center;
  font: bold Sans-Serif;
  margin-bottom:10px;
  font-family: 'Alfa Slab One';
  font-size: 70px;
-webkit-text-fill-color:maroon;
-webkit-text-stroke: 1px #F5F5F5;

}

#menu {
width:100%;
background-color:azure;

}
#menu a {
    display:inline-block;
    margin-left:5px;
    margin-right:5px;
    border:1px solid gray;
    padding:0px 5px 0px 5px;
    border-radius:5px;
    
}

a {
  text-decoration:none;  
}



 iframe {
	border:none;
}
footer {
width:100%;
font-weight:bold;
color:white;
background-color:#103d6b;
height:55px; 
}

.b92 {
 background-image:url("slike/b92.jpg"); 
 background-repeat: no-repeat;
 background-size: 100% 70px;
}

.n1 {
 background-image:url("slike.baza/n1.jpg"); 
 background-repeat: no-repeat;
 background-size: 100% 70px;
}

.danas {
 background-image:url("slike.baza/danas.png"); 
 background-repeat: no-repeat;
 background-size: 100% 70px;
 border-bottom:2px solid gray;
}

.nova {
 background-image:url("slike.baza/nova_srbija.jpg"); 
 background-repeat: no-repeat;
 background-size: 100% 70px;
 margin-bottom:1px;
}

.newsmaxbalkans {
 background-image:url("slike.baza/newsmax.jpeg"); 
 background-repeat: no-repeat;
 background-size: 100% 70px;
 border-bottom:2px solid gray;
}

.euronews {
 background-image:url("slike.baza/euronews.jpg"); 
 background-repeat: no-repeat;
 background-size: 100% 70px;
 margin-bottom:1px;
}


.blic {
 background-image:url("slike.baza/blic.png"); 
 background-repeat: no-repeat;
 background-size: 100% 70px;
 margin-bottom:1px;
}

 .beta {
 background-image:url("slike.baza/beta.png"); 
 background-repeat: no-repeat;
 background-size: 100% 60px;
 border-bottom:2px solid gray;
}


.jutarnji {
  background-image:url("slike/jutarnjiList.jpg"); 
  background-repeat: no-repeat;
  background-size: 100% 70px;
 
}


.fokus {
  background-image:url("slike/fokus.png"); 
  background-repeat: no-repeat;
  background-size: 100% 70px;
 
}
.kurir {
 background-image:url("slike.baza/kurir.png"); 
 background-repeat: no-repeat;
 background-size: 100% 70px;

}

 .telegraf {
 background-image:url("slike.baza/telegraf.png");
 background-repeat: no-repeat;
 background-size: 100% 70px;

}

.indeks {
 background-image:url("slike.baza/indeks.png"); 
 background-repeat: no-repeat;
  background-size: 100% 65px;
    height:65px;
}


.maxxxx {
 background-image:url("slike/revija.png"); 
 background-repeat: no-repeat;
   background-size: 100% 60px;
    height:60px;
}

#download {
 background-image:url("slike/planeta.png"); 
 background-repeat: no-repeat;
   background-size: 10% 50px;
    height:50px;
}

#blok {
border:2px solid red;
 width:100%;
 height:auto;
display:inline-block;  
}


.none {
border: 1px solid;
margin: 10px;
margin-top:20px;
display:inline-block;
}

 #aplikacija {
     width:341px; 
     height:auto;
     background-image:url("slike/planeta.png"); 
     border: 2px ridge orange;
     background-size: 49px 49px;
     
   } 
 #aplikacija:hover {
     border: 2px ridge maroon;
     color:red;
 }
      #aplikacija a {
     text-decoration:none;
     font-weight:bold;
     font-size:18px;
     margin-top:5px;
   } 
   #text {
    background-color:#FFEB3B; 
    width:247px;
     height:51px;
     padding-top:1px;
     margin-top:1px;
   }
      #text:hover {
    background-color:white; 
    
   }
   #text p {
    font-size:18px;   
   }
 .kurir {
position: relative;
width:295px;
height:485px;
margin-top:0px;
margin-bottom: -13px;
}


    .blic {
position: relative;
width:300px;
height:450px;
margin-top:0px;
margin-bottom: 35px;
}
.ads {
 width:305px; 
 height:501px; 
 margin-top:-30px;  
 background-color:yellow;
}
#oglas {
	width:100%;
}


#footer {
width:100%;
font-weight:bold;
background-color:#103d6b;
height:55px;
 color:white; 
 
}
.button {
color:white;
font-weight:bold;
font-size:25px;
background-color:red;
border:3px solid #7C1C01;   
border-radius:5px;
text-decoration:none;
padding:1px 10px 1px 10px;
}
.button:hover {

background-color:white;
color:#7C1C01;

} 
 


#revija {
width:600px;	
background-color:red;
padding: 3px;
}
#headline {
background-color:red;
padding-top:1px;
height:55px;
}

#headline a{
    font-family: 'Elephant';
	font-size: 40px;
	text-align:center;
	-webkit-text-fill-color:white;
-webkit-text-stroke: 2px gray;
margin-top:1px;
text-decoration:none;
font-weight:bold;
padding: 3px;
}

table {
    width:100%;
	font-family: verdana,arial,sans-serif;
	font-size:16px;
	border-collapse: collapse;
	border-width: 2px solid #999999;
	background-color:white;
    font-weight:bold;
	
}
table td {
	padding: 5px;
	border: 2px solid #a9c6c9;
	background-color:white;
	font-size:16px;
}


table a{
 color:blue; 
 font-size:16px;
}
.naslov {
    width:80%;
   
}
.izvor {
    width:20%;
    margin:10px;
}
@media only screen and (max-device-width: 1201px) {
.header h1 {
 font-size: 100px;     
 
}
}
@media only screen and (max-device-width: 1101px) {
.header h1 {
 font-size: 90px;     
 
}
}
@media only screen and (max-device-width: 1001px) {
#wrap {
  width:100%;
}
 .header {
    background:red;    
    }
    .header h1 {
 font-size: 80px;     
 
}

h2 {
font-size:50px;      
}

#revija {

font-size:16px;
}
#oglas {
	display:none;
}
}
@media only screen and (max-device-width: 907px) {
    .header h1 {
 font-size: 75px;     
 
}
 h2 {
  font-size:45px; 
  }
#revija {
font-size:15px;
}
}
@media only screen and (max-device-width: 800px) {
    .header h1 {
 font-size: 65px;     
 
}
	 h2 {
  font-size:40px; 
  }
#revija {
font-size:14px;
}
}
@media only screen and (max-device-width: 675px) {
		 .header h1 {
  font-size:60px; 
  }

h2 {
  font-size:35px; 
  }
  .button {
font-size:24px;
}
#revija {
    width:90%;
	font-size:13px;
	}

#zak {
display:none;
}
 .none {
    display:none;
}
}

@media only screen and (max-width: 425px) {
#wrap {
  width:100%;
}
.header h1 {
  font-size:50px; 
  -webkit-text-fill-color:maroon;
-webkit-text-stroke: 1px #F5F5F5;
  }
  
   #text {
    width:99%;
     height:45px;
     padding-top:1px;
     margin-top:1px;
   }
#text p {
    font-size:17px;   
}
.button {
font-size:23px;
padding:1px 9px 1px 9px;
}
#ram {
width:95%;
margin: auto;
margin-top: 10px;
}
#ramm {
width:99%;
margin: auto;
margin-top: 10px;
}
h2 {
font-size:30px;
}
   #text {
     width:100%; 
     
      } 
   
  
   
#revija {
width:95%;
font-size:12px;
}
 .none {
    display:none;
}
}
@media only screen and (max-device-width:365px) {
    #aplikacija {
     width:98%; 
     margin-top:1px;
     border: 1px ridge orange;
    background-size: 50px 50px;
     
   } 
       #text {
    background-color:#FFEB3B; 
    width:100%;
     height:50px;
     padding-top:1px;
     margin-top:1px;
   }
   
       #text p {
    font-size:18px;   
   }
       .button {

font-weight:bold;
font-size:22px;
background-color:red;
border:3px solid #7C1C01;   
border-radius:5px;
text-decoration:none;
padding:1px 9px 1px 9px;
}
}
@media only screen and (max-device-width:320px) {
#wrap {
  width:100%;
}
.header h1{
  font-size:45px; 
-webkit-text-fill-color:maroon;
-webkit-text-stroke: 1px #F5F5F5;
  }


	h2 {
  font-size:25px; 
  }
   #text p {
    font-size:16px;   
   }
    #aplikacija {
     width:98%; 
     margin-top:1px;
     background-image:url("slike/planeta.png"); 
     border: 1px ridge orange;
    
     
   }   
    #text {
    background-color:#FFEB3B; 
    width:100%;
     height:45px;
     padding-top:1px;
     margin-top:1px;
   }
     #text p {
    font-size:17px;   
   }
          .button {

font-weight:bold;
font-size:19px;
background-color:red;
border:3px solid #7C1C01;   
border-radius:5px;
text-decoration:none;
padding:1px 7px 1px 7px;
}

#revija {
    width:99%;
	font-size:12px;
	
}
 
}
@media only screen and (max-device-width:275px) {
	#wrap {
  width:100%;
  background-color:#DBDBDB;
}
 .header h1 {
  font-size:35px; 
-webkit-text-fill-color:maroon;
-webkit-text-stroke: 1px #F5F5F5;
  }


		 h2 {
  font-size:15px; 
  }
#ram {
width:90%;
}
table {
width:99%;

}
    .button {

font-weight:bold;
font-size:15px;
background-color:red;
border:3px solid #7C1C01;   
border-radius:4px;
padding:1px 6px 1px 6px;
}  
  #aplikacija {
     width:98%; 
     margin-top:1px;
     background-image:url("slike/planeta.png"); 
     border: 1px ridge orange;
     background-size: 0px 0px;
     
   } 
  #text {
    background-color:#FFEB3B; 
    width:100%;
     height:40px;
     padding-top:1px;
     margin-top:1px;
   }
     #text p {
    font-size:14px; 
    padding-top:0px;
     margin-top:0px;
   }
#revija {
    width:80%;
	font-size:12px;
	
}
.oglas {
 display:none;   
}
.izvor {
 display:none;   
}
}
   @media only screen and (max-device-width:225px) {
.button {

font-weight:normal;
font-size:12px;
background-color:red;
border-radius:4px;
padding:1px 5px 1px 5px;
}  
 #text {
    background-color:#FFEB3B; 
    width:100%;
     height:30px;
     padding-top:0px;
     margin-top:0px;
   }

   }