html {text-align:center;
       padding-top: 10px;
     background-color: #ddd;    }

.test::first-letter{text-transform: uppercase;
       font-family: Monotype Corsiva, sans-serif, 'Times New Roman';            
       letter-spacing: 3px;
       font-size: 190%;
       color: #ff0000;
       font-weight: bold;
       padding-left: 30px;}

body {text-align:center;
 max-width:  960px; 
              width:  100%;
          margin: 5px auto;       
          background-color: #fff;              
         font-family:'Roboto Condensed', sans-serif, 'Times New Roman';}

.pozic1 {padding-top: 5px;           
           text-align: center;}

.pozic1 img{ box-shadow: 10px 10px 8px #a0a0a0;
                   border: 5px solid #E87E04;  }

a { transition: 0.6s ease; }
a:hover{opacity: 0.4; }


.abjus {color: #000000;
            font-size:16px;
           font-weight: bold; 
           line-height: 150%;
          padding-left:10px;
          padding-right:10px;
          text-align:justify;
         font-family: 
        'Times New Roman';}

.container{display:flex;
                 height:auto;
               flex-direction: row;              
               justify-content: space-around;
              flex-wrap: wrap;
               align-content: stretch;
               width:100%;
                 max-width:960px; }

.item {
          width:150px;
          height:120px;  
          margin:10px;
             box-shadow: 10px 10px 8px #a0a0a0;
                    border: 5px solid #E87E04;
          text-align: center;}
h1 {color: #ff0000; 
    font-size:24px; 
     text-align:center;
    font-family: 'Roboto Condensed', sans-serif, 'Times New Roman'; 
    line-height: 130%;
    letter-spacing: 0.5px;
     text-transform: uppercase;
     font-weight: bold;}

h2 {color: #E87E04;
    font-size: 22px;
    text-align:center;
    line-height: 130%;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: 'Roboto Condensed', sans-serif, 'Times New Roman';}