body {
    font-family: 'Verdana', Arial, Helvetica, sans-serif;
    background-color: darkkhaki;
}
.box00{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
   }
.blok {
    width:40%;
    font-size:1.5em;
    color:#534b2e;
    margin-bottom: 3%;
    margin-top: 2%;
    
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    overflow: hidden;
}

p {
    white-space:nowrap;
    animation:przesun 50s linear infinite;
    width: 100%;
}
@keyframes przesun
{
     from {
        transform:translateX(0%);
    }
    to {
        transform:translateX(100%);
    }
}

.box03middle{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border:0px#391F04 solid;
    font-size:1.2em;
    color:#141103;

   }
img {
    width: 90%;
    margin-top: 4%;
    margin-bottom: 4%;
    border:1px#d1c7a6 solid;
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    }
    .down
    {

        width:30%;
        height:2%;
        display: flex;
        margin:5%;
        padding: 1% 0%;
        
        justify-content: space-around;
        
        box-shadow: 0px 10px 13px -1px #3a370b, 5px 5px 15px 5px rgba(0,0,0,3);
        flex-wrap: wrap;
    }
    
    a:hover {
        color:rgb(61, 22, 4);
    }
    
    a {
        font-size: 1em;
        font-weight: 150;
        color:#0e0a01;
        padding: 3% 10% 2% 1%;
    }

@media only screen and (max-width: 653px)  and (min-width: 300px){
.box03middle {
        padding: 2%;
    }
 .box03middle  
{
    width: 70%;
  }
}