@media screen and (max-width:1260px)
{
    
#time
{
    width: 40%;
}

    
#content
{
    width: 100%;
    height: 3800px;
}    

#logo
{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    height: 140px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
    
#content2
{
    width: 90%;
    height: 1300px;
}
#content3
{
    width: 90%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    background-attachment: fixed;
   display: flex;
    justify-content: center;
 
}
#quarter
{
    width: 98%;
    padding: 2%;
    height: 400px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border: 2px solid silver;  
}   
    
#quarter2
{
    
    width: 98%;
    padding: 2%;
    height: 350px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border: 2px solid silver; 
}
    
#quarter4
{ 
    width: 98%;
    height: 600px; 
}
#person
{
    float: left;
    width: 40%;
    height: 200px;
    margin-bottom: 30px;
    padding: 2%;
}
    
#photo
{
    float: left;
    width: 35%;
    height: 180px;
    border: 2px solid silver;
    
}
    
#opis
{
    margin-left: 20px;
    float: none;
    width: 90%;
    height: 180px; 
}
    
#quarter3
{
    
    width: 98%;
    padding: 2%;
    height: 470px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid silver;
}
 
#quarter3 > img
{
    float: left;
    width: 48%;
}
    
#quarter3 > iframe
{
    float: left;
    width: 47%;
    height: 380px;
    margin-left: 2px;
}
    
#quarter5
{
    
    width: 98%;
    padding: 2%;
    height: 320px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border: 2px solid silver; 
}
    
#bottomline
{
    width: 100%;
    text-align: center;
    border-top: 2px solid silver;
    height: 50px;
    padding-top: 20px;
}
#siedziba
{
 width: 550px;
 height: 380px;
 margin-right: 40px;       
        
} 
.buy{
    margin-left: -35px;
    
}    
}

@media screen and (max-width:970px)
{

}

@media screen and (max-width:768px)
{
    
 #content
{
    width: 100%;
    height: 3700px;
    background-color: white;
}    
 #siedziba
{
 width: 320px;
 height: 380px;
 margin-right: 40px;       
        
}    
   #quarter3 > img
{
    width: 46%;
    float: left;
}
    
#quarter3 > iframe
{
    float: left;
    width: 46%;
    height: 380px;
} 
    #quarter{
        width: 98%;
        height: 500px;
    }
    
    #novahurt{
        height: 200px;
        width: 100%;
    }
    
    #header{
    margin-left: 80px;
}
}

@media screen and (max-width:640px)
{
    
#content
{
    width: 100%;
    height: 5500px;
    background-color: white;
}    

#logo
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 140px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
    
#content2
{
    width: 90%;
    height: 1900px;
}
#content3
{
    width: 100%;
    height: 650px;
    margin-left: 0px;
    margin-right: auto;
    border-radius: 6px;
    background-attachment: fixed;
    display: inline-block;
    justify-content: center;
   
 
}    
#quarter
{
    width: 95%;
    padding: 2%;
    height: 700px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border: 2px solid silver;  
}   
    
#quarter2
{
    
    width: 95%;
    padding: 2%;
    height: 350px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border: 2px solid silver; 
}
    
#quarter4
{ 
    width: 95%;
    height: 1650px; 
}
#person
{
    float: none;
    width: 100%;
    height: 330px;
    margin-bottom: 30px;
    padding: 2%;
}
    
#photo
{
    
    float: none;
    width: 80%;
    height: 180px;
    border: 2px solid silver;
    
}
    
#opis
{
    margin-left: 20px;
    float: none;
    width: 90%;
    height: 180px; 
}
    
#quarter3
{
    
    width: 95%;
    padding: 2%;
    height: 880px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid silver;
}
 
#quarter3 > img
{
    width: 98%;
}
    
#quarter3 > iframe
{
    margin-top: 10px;
    width: 98%;
}
    
#quarter5
{
    
    width: 95%;
    padding: 2%;
    height: 590px;
    border: 2px solid white;
    margin-top: 3%;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border: 2px solid silver; 
}

    #novahurt{
        width:95%;
        margin-left: 15px;
    display: flex;
    justify-content: center;
    }
    #header{
        margin-left: 25px;
    }
    #soflow{
        width: 10%;
    }