.logosize{
        float: left;
        height: 42px;
        margin-left:6px;
        margin-right:2px;
        margin-top:3px;
      }
     
     .nifttxtsize{
       font-size:18px;
       font-weight:bolder; 
       font-family:"Arial";
       vertical-align:middle;
      }
      

.otto {
      text-shadow: 3px 3px 0px rgba(38,16,11,0.56);
}


      .margintop{ margin-top:4px;}
      
      .h1txt3D {
        vertical-align:middle;
        /*font: bold 24px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;*/
        color: #fff;
       /* text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
        -webkit-transition: .2s all linear;*/
        }
      
     .h1txt3D2  
     {
         /* text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);*/
              vertical-align:middle;
            /*  font: bold 22px/1 "Helvetica Neue", Helvetica, Arial, sans-serif;*/
              color: #fff;
     }
      
      @media screen and (max-width: 380px) and (min-width: 100px){
                .main-header a{
                  font-size: 10px!important;
                }
                .logosize{
                  height: 16px;
                }
        
               .nifttxtsize{
               font-size:14px;
               font-weight:bold;
               vertical-align:middle;   
              /*  text-shadow: 1px 1px 2px black, 0 0 25px #999, 0 0 5px #999;   */         
              }
      }
      @media screen and (max-width: 430px) and (min-width: 381px){
                    .main-header a{
                      font-size: 11px!important;
                    }
                    .logosize{
                      height: 22px;
                      margin-top: 2px;
                    }
                   .nifttxtsize{
                    font-size:17px;
                    font-weight:bold;
                    vertical-align:middle;   
                  /*  text-shadow: 1px 1px 2px black, 0 0 25px #999, 0 0 5px #999;   */         
                  }
      }
      @media screen and (max-width: 767px) and (min-width: 431px){
                    .main-header a{
                      font-size: 13px!important;
                    }
                    .logosize{
                      height: 24px;
                      margin-top: 10px;
                    }
                   .nifttxtsize{
                    font-size:20px;
                    font-weight:bold;
                    vertical-align:middle;    
                   /* text-shadow: 1px 1px 2px black, 0 0 25px #999, 0 0 5px #999;  */         
                    }
      }
      
         @media screen and (max-width: 1200px) and (min-width: 768px){
                .main-header a{
                  font-size: 14px!important;                  
                }
                .logosize{
                  height: 26px;
                  margin-top: 8px;
                }
                .nifttxtsize{
                font-size:22px;
                font-weight:bold;
                vertical-align:middle;   
              /*  text-shadow: 1px 1px 2px black, 0 0 25px #99, 0 0 5px #999;   */  
                       
                }
      }