*{
    padding: 0;
    margin: 0;
}

.background_black
{
    background-color: #1a1a1a;
    width: 100%;
    font-family: 'Ubuntu', sans-serif;
}

.motywy
{
    width: 75%;
    padding: 3.5%;
    font-size: 30px;
    color: white;
    text-align: center;
    margin: auto;
}

.background_gray
{
    background-color: #bbc7db;
    font-family: 'Ubuntu', sans-serif;
}

.Container2
{
    width: 75%;
    /* background-color: aqua; */
    margin: auto;
    padding: 2%;
    font-family: 'Ubuntu', sans-serif;
}

.Container2 img
{
    width: 23%;
    margin-right: 2%;
}

.Title1
{
    margin-bottom: 1.5%;
    font-size: 40px;
    text-align: center;
}

.C2img_1
{
    margin-left: 26%;
}

.Lawka3
{
    margin-bottom: 10%;
}

.Lawka1
{
    margin-left: 13.5%;
}

.Mikolaj
{
    width: 75%;
    /* background-color: aqua; */
    margin: auto;
    padding: 2%;
    font-family: 'Ubuntu', sans-serif;
}

.Mikolaj img
{
    width: 30%;
    float: right;
    margin-right: 5%;
}

.Mikolaj h1
{
    float: left;
    font-size: 40px;
    text-align: center;
    margin-top: 20%;
}

.Szkic
{
    width: 75%;
    /* background-color: aqua; */
    margin: auto;
    padding: 2%;
    font-family: 'Ubuntu', sans-serif;
}

.Szkic img
{
    width: 30%;
    float: left;
}

.Szkictxt
{
    float: right;
    font-size: 40px;
    text-align: center;
    margin-top: 20%;
    margin-right: 5%;
}

.SzkicMobile
{
    display: none;
}

.gr5
{
    margin-left: 25%;
}

.Brelok
{
    width: 75%;
    /* background-color: aqua; */
    margin: auto;
    padding: 2%;
}

.Brelok img
{
    width: 35%;
    float: left;
}

.Breloktxt
{
    float: right;
    font-size: 35px;
    text-align: center;
    margin-top: 11%;
    margin-right: 5%;
}

.BrelokMobile
{
    display: none;
}

.Plan
{
    margin-left: 38.25%;
}

.Plutno
{
    width: 75%;
    margin: auto;
    padding: 2%;
}

.pplutno
{
    font-size: 20px;
    text-align: center;
    margin-bottom: 2%;
}

.imgplutno
{
    width: 51.5%;
    margin-right: 2%;
    margin-left: 11%;
}

.imgplutno2
{
    width: 23%;
}

.Tablotxt
{
    margin-top: 12%;
}

.Tablo
{
    width: 75%;
    /* background-color: aqua; */
    margin: auto;
    padding: 2%;
}

.Tablo img
{
    width: 35%;
    float: right;
    margin-right: 5%;
}

.Tablo h1
{
    float: left;
    font-size: 40px;
    text-align: center;
    margin-top: 11%;
}

.Trimmed
{
    margin-bottom: 10%;
}

.Dyplom1
{
    margin-left: 14%;
}

@media screen and (max-width: 1400px)
{
    .Szkic2
    {
        font-size: 29px;
    }
}

@media screen and (max-width: 1000px)
{
    .Container2 img
    {
        width: 46%;
        margin-right: 4%;
    }

    .C2img_2
    {
        margin-right: 4%;
        margin-left: 0;
    }

    .Lawka3
    {
        margin-bottom: 0%;
        margin-left: 25%;
    }

    .C3Center
    {
        margin-left: 25%;
    }

    .motywy
    {
        font-size: 20px;
    }

    .C2img_1
    {
        margin-left: 0%;
    }

    .Lawka1
    {
        margin-left: 0%;
    }

    .Mikolaj img
    {
        width: 100%;
        float: none;
        margin-right: 5%;
    }

    .Mikolaj h1
    {
        float: none;
        font-size: 40px;
        text-align: center;
        margin-top: 0%;
        margin: auto;
    }

    .Szkic img
    {
        width: 46%;
        float: none;
        margin-right: 5%;
        margin-left: 27%;
    }

    .SzkicMobile
    {
        float: none;
        display: block;
        font-size: 40px;
        text-align: center;
        margin-top: 0%;
        margin: auto;
    }

    .Szkictxt
    {
        display: none;
    }

    .gr5
    {
        margin-left: 0%;
    }

    .Brelok img
    {
        width: 65%;
        float: none;
        margin-right: 5%;
        margin-left: 17%;
    }

    .BrelokMobile
    {
        float: none;
        display: block;
        font-size: 40px;
        text-align: center;
        margin-top: 0%;
        margin: auto;
        margin-bottom: 1%;
    }

    .Breloktxt
    {
        display: none;
    }

    .Dyplomy
    {
        font-size: 30px;
    }

    .imgplutno
    {
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
    }

    .imgplutno2
    {
        width: 100%;
    }

    .Tablo img
    {
        width: 100%;
        float: none;
        margin-right: 5%;
    }

    .Tablo h1
    {
        float: none;
        font-size: 40px;
        text-align: center;
        margin-top: 0%;
        margin: auto;
    }

    .Trimmed
    {
        margin-bottom: 18%;
    }

    .Dyplom1
    {
        margin-left: 25%;
    }
}

@media screen and (max-width: 450px)
{
    .Container2 img
    {
        width: 92%;
        margin-right: 4%;
        margin-left: 4%;
    }
    .motywy
    {
        font-size: 13px;
    }
    .Szkic img
    {
        width: 92%;
        margin-left: 4%;
    }

    .Brelok img
    {
        width: 92%;
        margin-left: 4%;
    }

    .Trimmed
    {
        margin-bottom: 0;
    }
}

.Gumka
{
    clear: both;
}

#header {
    float: left;
    font-family: 'Ubuntu', sans-serif;
   border: 5px outset black;
    width: 14%;
    font-size: 30px;
    margin-left: 15%;
    margin-top: 0.4%;
    color: rgb(82, 75, 75);
    text-align: center;
}
a:link{
    color: black;
}
a:visited{
    color: black;
}

#content {
    margin-top: 0.7%;
    margin-left: 36.5%;
    background-color: black; 
}
.men1{
    width: 140px; 
    background-color: white;
    }
.men2{
width: 100px; 
background-color: white;
}
ul {

 list-style: none;
 
}
ul li {
    position:relative;
    float:left;
    width: 300px;
    height: 60px;
    background-color:white;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    text-decoration: none;
    margin-top: -1%;
}
ul ul {
    position: absolute;
    top:95%;
    right: 0px;
    display: none ;
    }
    ul li:hover > ul {
        display: block;
     }
     #n1 {
        z-index: 3;
        }
        #n2{
            z-index: 2;
        }

#footer {
color: white;
font-family: 'Ubuntu', sans-serif;
background-color: rgb(34, 33, 33);
padding: 2%;
}
#f1 {
    float: left;
    margin-left: 10%;
    font-size: 20px;
    margin-top: -1%;
}
#f2 {
    float:left;
    margin-left: 17%;
    font-size: 30px;
    margin-top: -1%;
}
#f3 {
    margin-left: 75%;
    font-size: 20px;
    margin-top: -1%;
}

@media   (max-width: 1481px) {
    #header{
        width: 10%;
        margin-left: 10%;
        display: inline-block;
        font-size: 20px;
        text-align: center;
    }
        #content {
        margin-left: 25%;
	}
    #f2 {
        margin-left: 9%;}
}
    @media   (max-width: 1258px) {
        /* MENU GŁÓWNE */
        #content {
            margin-left: 19%;
        }

        #header {
            margin-left: 5%;
    }
     #f2 {
        margin-left: 8%;
     } 
}

    @media   (max-width: 952px) {
        #header {
            width: 15%;
    } 
    #content {
        width: 15%;
        font-size: 15px;
        margin-left: 40%;
    }
    #f3 {
        width: 40%;
        margin-left: 60%;
    }
    #f2 {
        margin-left: 3%;
        width:  45%;
    }
    #f1 {
        width: 20%;
    }
}
        @media   (max-width: 602px) {
            /* MENU GŁÓWNE */
         ul li{

            font-size: 20px;
            margin-left: -40%;
         }
         #n1{
            margin-left: -39%;
         }
         #n2{
            margin-left: -26%;
         }
         .men2{
             margin-left: -20%;
         }
         .men1{
             margin-left: 3%;
         }
         #header{
            width: 18%;
         }
         #f3 {
           font-size: 10px;
        }
        #f2 {
            font-size: 20px;
            margin-left: -4%;
            padding-left: 5px;
            padding-right: 5px;
        }
        #f1 {
            font-size: 10px;
            margin-left: 10%;
        }
        }
        @media (max-width:388px) {
        #f1 {
            margin-left: 5%;
        }
        #f2 { 
            margin-left: 5%;
            width: 45%;
            font-size: 15px;
        }
    }

    @media (max-width:414px) {
        /* MENU GŁÓWNE */
           ul li {
            margin-left: -10%;
            font-size: 18px;
           }
           #content{
               margin-left: 10%;
           }
           #header{
               width: 50%;
               margin-left:23%;
               margin-top: 3%;
           }
        }