body 

{
background-image: url("foot.png");
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
text-align: justify;
color: white;
text: #FFFFFF; 
}

p {
  margin: 0.1vw 0.1vw 2.8vw 0.3vw;
  width: 98%;
}

a:link, a:visited { color: #70DB93; }

/* Scrollbar custom width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #36454f; 
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ffffff; 
}

	/* vertikalna: iPhone4 = 320, Sony C5 = 360, iPhone6 = 375, iPhone6+ = 414 */
@media only screen and (max-width: 420px) 

       { body {font-size: 2.8vw;
	         line-height: 1.4;}
       } 
	   
	/* Samsung S10 = 480, vertikalna */
@media only screen and (min-width: 421px) and (max-width: 490px) and (orientation: portrait)

       { body { font-size: 2.7vw; }
	    } 

/* iPhone4 = 480, horizontalna */
@media only screen and (min-width: 421px) and (max-width: 490px) and (orientation: landscape)

       { body { font-size: 1.8vw; }
         p {margin: 0.1vw 0.1vw 3.8vw 0.2vw;}
       } 

	/* Xperia = 540, vertikalna */
@media only screen and (min-width: 491px) and (max-width: 570px) and (orientation: portrait)

       { body { font-size: 2.6vw;}
	    } 

/* iPhone5 = 568, horizontalna */
@media only screen and (min-width: 491px) and (max-width: 570px) and (orientation: landscape)

       { body { font-size: 1.7vw;}
	   p {margin: 0.1vw 0.1vw 3.8vw 0.2vw;}
	    } 

	/* Alcatel tablet = 600, vertikalna */
@media only screen and (min-width: 571px) and (max-width: 670px) and (orientation: portrait)

       { body { font-size: 2.6vw;
	           line-height: 1.5;}
       }  

/* Sony C5 = 640, prava rezolucija je manja? horizontalna */
@media only screen and (min-width: 571px) and (max-width: 640px) and (orientation: landscape)

       { body { font-size: 2.4vw;}
	   p {margin: 0.1vw 0.1vw 3vw 0.2vw;}
	    } 

/* iPhone 6, 7, 8 = 667, prava rezolucija je tacno 651-652, horizontalna */
@media only screen and (min-width: 641px) and (max-width: 670px) and (orientation: landscape)

       { body { font-size: 1.7vw; }
       p {margin: 0.1vw 0.1vw 2.8vw 0.3vw;}
       } 

	/* Surface Pro = 720, vertikalna */
@media only screen and (min-width: 671px) and (max-width: 720px) and (orientation: portrait)

       { body { font-size: 2.4vw}
	   p {margin: 0.1vw 0.1vw 2.8vw 0.3vw;}
       }

/* iPhone6+ = 736, prava rezolucija je tacno 719-720, moguce da X i 12 upadaju ovde, horizontalna */
@media only screen and (min-width: 671px) and (max-width: 720px) and (orientation: landscape)

       { body { font-size: 1.3vw; }
	   p {margin: 0.1vw 0.1vw 2.8vw 0.3vw;}
       } 

	/* iPad 3,4, iPad Mini, iPad Retina = 768, vertikalna */
@media only screen and (min-width: 721px) and (max-width: 780px) and (orientation:portrait)

       { body { font-size: 2.4vw}
	   p {margin: 0.1vw 0.1vw 2.8vw 0.3vw;}
       }
	
/* Samsunzi = 740, 760, horizontalna */
@media only screen and (min-width: 721px) and (max-width: 740px) and (orientation:landscape)

    { body { font-size: 2.4vw}
	p {margin: 0.1vw 0.1vw 2.8vw 0.3vw;}
    }	   
	
/* iPhone 12 mini = 780, iPhone 12, 12 Pro = 844, horizontalna */
@media only screen and (min-width: 741px) and (max-width: 780px) and (orientation:landscape)

    { body { font-size: 1.16vw;}
    p {margin: 0.1vw 0.1vw 2vw 0.3vw;}
}		
	   
	/* Galaxy Tab 10 = 800, vertikalna */
@media only screen and (min-width: 781px) and (max-width: 800px) and (orientation:portrait)

       { body { font-size: 2.4vw}
	   p {margin: 0.1vw 0.1vw 2.8vw 0.3vw;}
	   }

/* iPhone 11, XR, 11 Pro Max, XS Max = 896, 11 provereno 781-785, XR navnodno 790-793, horizontalna */
@media only screen and (min-width: 781px) and (max-width: 793px) and (orientation:landscape)

     { body { font-size: 1.2vw;}
      p {margin: 0.01vw 0.1vw 2vw 0.1vw;}
}
	   
/*  neki android = od 794 do 800, (Samsung A5 = tacno od 795 do 796) horizontalna */
@media only screen and (min-width: 794px) and (max-width: 800px) and (orientation:landscape)

    { body { font-size: 2.4vw;}
    p {margin: 0.1vw 0.1vw 3vw 0.3vw;}
}

	/*  neki android, vertikalna */
@media only screen and (min-width: 801px) and (max-width: 900px) and (orientation:portrait)

    { body { font-size: 2.4vw}
	p {margin: 0.1vw 0.1vw 3vw 0.3vw;}
	}

/* iPhone 12 & 13 Pro Max = 926 (ovde je), horizontalna */
@media only screen and (min-width: 801px) and (max-width: 860px) and (orientation:landscape)

    { body { font-size: 1.16vw;}
    p {margin: 0.1vw 0.1vw 2.5vw 0.3vw;}
}
	   
/* Samsunzi = 846, Xiaomi Mi 10 = 851, horizontalna */
@media only screen and (min-width: 861px) and (max-width: 900px) and (orientation:landscape)

    { body { font-size: 2.4vw;}
    p {margin: 0.1vw 0.1vw 3vw 0.3vw;}
    }	   
	   
	/* iPad Pro = 1024, vertikalna */
@media only screen and (min-width: 901px) and (max-width: 1100px) and (orientation:portrait)

    { body {font-size: 2.4vw;}
    p {margin: 0.1vw 0.1vw 2.7vw 0.3vw;}
    } 
	   
/* Alcatel tablet = 960, iPad = 1024, horizontalna */
@media only screen and (min-width: 901px) and (max-width: 1100px) and (orientation:landscape)

    { body { font-size: 1.9vw;}
    p {margin: 0.1vw 0.1vw 2.4vw 0.3vw;}
    }
  
@media only screen and (min-width: 1101px) and (max-width: 1160px)

       { body { font-size: 1.8vw; }
         p {margin: 0.1vw 0.1vw 2.1vw 0.2vw;}
       }

@media only screen and (min-width: 1161px) and (max-width: 1280px)

       { body { font-size: 1.6vw;
	           line-height: 1.5;}
         p {margin: 0.1vw 0.1vw 2.4vw 0.2vw;}
       }

@media only screen and (min-width: 1281px) and (max-width: 1360px)

       { body { font-size: 1.56vw;
	           line-height: 1.35;}
         p {margin: 0.1vw 0.1vw 2.1vw 0.2vw;}
       }	   
	   
@media only screen and (min-width: 1361px) and (max-width: 1440px)

       { body { font-size: 1.6vw;
	           line-height: 1.5;}
         p {margin: 0.1vw 0.1vw 2.4vw 0.2vw;}
       }		   
	   
@media only screen and (min-width: 1441px) 

       { body { font-size: 1.4vw;
	           line-height: 1.5;}
         p {margin: 0.1vw 0.1vw 2vw 0.2vw;}
       }