body 

{
background-image: url("black_mamba.png");
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
text-align: justify;
padding: 3em;
color: black;
text: #000000; 
}

h1 {
  text-align: center;
  
 }

p {
  margin: 0.1vw 0.1vw 2.8vw 0.3vw;
  width: 98%;
  text-indent: 4vw;
}

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

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.container {
text-align: center;
}

.button {
    background-color: transparent; 
    border: 1px solid white;
	border-color: #E2725B;
    color: black;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 2vw;
    cursor: pointer;
	border-radius: 8px;
	margin: 0px auto;
}
 
.button:hover {
    background-color: #FF8C69;
    color: white;
} 

/* 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; 
}

/* rezolucija 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;}
       } 

@media only screen and (min-width: 421px) and (max-width: 490px) and (orientation: portrait)

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

/* rezolucija iPhone4 horizonalna = 480 */
@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;}
       } 

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

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

/* rezolucija iPhone5 horizonalna = 568 */
@media only screen and (min-width: 491px) and (max-width: 580px) and (orientation: landscape)

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

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

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

/* rezolucija Sony C5 horizonalna = 640 */
@media only screen and (min-width: 581px) and (max-width: 650px) and (orientation: landscape)

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

@media only screen and (min-width: 651px) and (max-width: 700px) and (orientation: portrait)

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

/* iPhone 6, 7, 8 horizontalna = 667 */
@media only screen and (min-width: 651px) and (max-width: 700px) and (orientation: landscape)

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

/* iPad 3,4, iPad Mini, iPad Retina, vertikalna = 768, Samsung Galaxy Tab 10 = 800 */
@media only screen and (min-width: 701px) and (max-width: 840px) and (orientation:portrait)

       { body { font-size: 2.4vw}
    }

/* iPhone 6+, 7+, 8+ horizontalna = 736 a realno je oko 710, iPhone X horizontalna = 812 */
@media only screen and (min-width: 701px) and (max-width: 840px) and (orientation:landscape)

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

/* iPad Pro vertikalna = 1024 */
@media only screen and (min-width: 841px) and (max-width: 1100px) and (orientation:portrait)

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

/* horizonalna: iPhone Xs Max, Xr = 896, Alcatel tablet = 960, iPad = 1024 */
@media only screen and (min-width: 841px) and (max-width: 1100px) and (orientation:landscape)

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

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

@media only screen and (min-width: 1251px) and (max-width: 1350px)

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

@media only screen and (min-width: 1351px) and (max-width: 1500px)

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

@media only screen and (min-width: 1501px) 

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