main{box-sizing:border-box;text-align:justify;min-height:250px;margin-top:30px;}
main .photo{position:relative;height:auto;width:100%;background-color:white;margin-top:15px;margin-bottom:15px;}
main .photo img{width:100%;height:100%;border:1px solid #26282E;}
main .photo .signature{position:absolute;left:0;bottom:0;width:100%;height:70px;padding-top:10px;padding-left:10px;margin:0;background-color:rgba(0,0,0,0.7);color:#FFFFFF;font-size:35px;text-transform:uppercase;}
main .content{padding-top:30px;padding-bottom:15px;}
main .content .beam{text-align:center;background-color:#26282E;padding:5px;font-size:32px;color:#F7B70D;}
main .content .intro{padding-left:0px;padding-right:0px;font-size:18px;letter-spacing:0;}
main .content .title{background-color:#26282E;color:#F7B70D;padding:5px 0 5px 15px;font-size:30px;border-radius:5px;}
main .content img{margin-bottom:20px;border:1px solid #26282E;width:100%;height:100%;}
main .content p{padding:20px 10px 20px 10px;}
main .content .offer{padding-top:30px;}
main .content .offer .item{position:relative;padding:0;width:46%;margin-left:2%;margin-right:2%;margin-bottom:4%;}
main .content .offer .item img{display:block;margin-left:auto;margin-right:auto;background-color:rgba(255,255,255,0.3);margin:0;}
main .content .offer .item .signatureoffer, main .content .offer .item .signaturewklad{position:absolute;left:0;bottom:0;width:100%;height:15%;background-color:rgba(0,0,0,0.7);color:#FFFFFF;margin:0;padding-top:3%;padding-left:10px;text-align:left;}
main .content .offer .item .text, main .content .offer .item .textwklad{position:absolute;left:0;top:0;width:100%;height:85%;background-color:rgba(0,0,0,0.7);color:#FFFFFF;margin:0;padding-top:15%;opacity:0;transition:opacity 0.3s ease-in-out;text-align:left;padding-right:5px;}
main .content .offer .item .text:hover, main .content .offer .item .textwklad:hover{opacity:1;}
.brands{text-align:center;}
.brands img{width:90%;display:inline-block;border:0;padding:10px;}
main .content .allegro .title3{font-size:30px;}
main .content .allegro img{margin-left:auto;margin-right:auto;padding-top:10px;border:none;width:80%;}
main .content .allegro .all-btn img{margin-left:auto;margin-right:auto;margin-bottom:0;padding:0;}
main .content .allegro .all-btn{background-color:#FFFFFF;margin-left:auto;margin-right:auto;width:15%;border:2px solid #ff5a00;border-radius:15px;padding-top:5px;transition:transform 0.3s ease-in-out;}
main .content .allegro .all-btn:hover{cursor:pointer;transform:scale(1.1);}
main .content .gallery{margin:30px;width:auto;}
main .content .gallery .mainwindow{height:496px;background-color:rgba(0,0,0,0.7);border:1px solid #000000;padding:5px;margin:0;text-align:center;overflow:hidden;}
main .content .gallery .mainwindow img{height:100%;width:auto;display:inline-block;border:none;}
main .content .gallery .miniature{height:124px;background-color:rgba(0,0,0,0.7);border:1px solid #000000;padding:0;overflow:hidden;}
main .content .gallery .miniature img{transition:transform 0.3s ease-in-out;}
main .content .gallery .miniature img:hover{cursor:pointer;transform:scale(1.15);}
main .content .contact{padding-top:20px;padding-bottom:30px;text-align:left;}
main .content .contact p{padding:10px 0 0 0;}
main .content .contact hr{margin:0;}
main .content .contact form{padding-top:10px;}
main .content .contact form #name,
main .content .contact form #email,
main .content .contact form #message{border:2px solid #F7B70D;}
main .content .contact form button{background-color:#FFFFFF;border:2px solid #F7B70D;display:block;margin-left:auto;margin-right:auto;}
main .content .contact form button:hover{background-color:#F7B70D;cursor:pointer;}
main .content .contact form .captcha{width:304px;display:block;margin:0 auto;margin-top:30px;margin-bottom:30px;padding:0;}
main .content .contact .title2{font-size:30px;margin-top:10px;}
.map{height:500px;background-color:#808080;padding:0;margin-bottom:40px;}
.map p{background-color:#26282E;color:#F7B70D;padding:5px 0 5px 15px;font-size:30px;margin:0;}
#map{width:100%;height:500px;background-color:#808080;}
.error{background-image:url("../img/error-background.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:550px;margin:0;}
.error p, .message p{font-size:36px;color:#FFFFFF;text-shadow:3px 3px #000000;margin-top:10px;text-align:center;}
.message p{color:#000000;text-shadow:none;min-height:200px;}
.cookie-info{font-size:20px;margin-top:20px;}
.cookie-info .cookie_list{list-style-type:square;}
.cookie-info a{color:#F7B70D;text-decoration:none;transition:.5s;}
.cookie-info a:hover{color:#777;}
.empty{height:300px;}
footer{border-top:40px solid #484A4E;height:300px;width:100%;background-color:#26282E;box-sizing:border-box;color:#DCDCDC;font-size:14px;padding:15px 10px 20px 10px;position:absolute;bottom:0;left:0;}
footer span{color:#FFFFFF;font-size:20px;}
footer .icon-user, footer .icon-phone, footer .icon-mail-alt, footer .icon-location{font-size:20px;padding-right:5px;color:#FFFFFF;}
footer .city{padding-left:30px;}
footer .icon-shopping-bag, footer .icon-facebook-official{font-size:30px;color:#FFFFFF;}
footer a{color:#DCDCDC;font-size:18px;}
footer a:hover, footer span a:hover{text-decoration:none;cursor:pointer;color:#F7B70D;}
footer .info{font-size:12px;}
footer .webdev{text-align:right;}
footer .webdev a{font-size:12px;}
footer .counter{text-align:center;}
@media all and (max-width:1199px){main .content .offer .item .signaturewklad{height:20%;padding-top:2%;}
main .content .offer .item .textwklad{height:80%;}
main .content .allegro .all-btn{width:18%;}
main .content .gallery .mainwindow{height:444px;}
main .content .gallery .miniature{height:111px;}
.empty{height:320px;}
footer{height:320px;}
}
@media all and (max-width:991px){main .content .offer .item .signaturewklad{height:25%;}
main .content .offer .item .textwklad{height:75%;}
main .content .offer .item .signatureoffer, main .content .offer .item .signaturewklad{font-size:18px;padding-top:2%;}
main .content .offer .item .text, main .content .offer .item .textwklad{font-size:16px;padding-top:10%;}
.brands img{width:100%;}
main .content .allegro .title3{font-size:24px;}
main .content .allegro img{width:100%;}
main .content .allegro .all-btn{width:22%;margin-bottom:10px;}
main .content .gallery .mainwindow{height:424px;}
main .content .gallery .miniature{height:111px;}
main .contact .personalinfo{text-align:center;}
}
@media all and (max-width:850px){footer, .empty{height:330px;}
}
@media all and (max-width:767px){main .photo .signature{font-size:28px;height:60px;}
main .content .offer .item{width:96%;}
main .content .offer .item .signatureoffer, main .content .offer .item .signaturewklad{height:15%;padding-top:4%;font-size:22px;}
main .content .offer .item .text, main .content .offer .item .textwklad{height:85%;padding-top:20%;font-size:24px;}
.brands img{width:40%;}
main .content .gallery .mainwindow{height:404px;}
main .content .gallery .miniature{height:180px;}
main .content .gallery{margin-left:15px;margin-right:15px;}
footer, .empty{height:620px;}
footer .dane{padding-bottom:20px;text-align:center;}
#scroll{right:20px;bottom:30px;}
footer .copy, footer .webdev{text-align:center;}
footer .city{padding-left:10px;}
header{text-align:center;}
header .logo, header .slogan{float:none;display:inline-block;width:70%;}
header .slogan{width:100%;}
main .content .contact{padding-top:60px;}
.error p{font-size:30px;}
header .main-menu{background-color:transparent;border:none;}
header nav .btn-menu{background-color:#FFFFFF;}
header nav .nav-menu{background-color:#FFFFFF;}
header #menu-alfa-car{border:none;}
}
@media all and (max-width:700px){main .content .gallery .mainwindow{height:384px;}
main .content .gallery .miniature{height:170px;}
}
@media all and (max-width:650px){main .content .gallery .mainwindow{height:354px;}
main .content .gallery .miniature{height:160px;}
.message p{font-size:30px;}
.cookie-info p{font-size:18px;}
}
@media all and (max-width:600px){main .photo .signature{font-size:22px;height:50px;}
main p{font-size:16px;}
main .content .allegro .all-btn{width:30%;}
main .content .gallery .mainwindow{height:334px;}
main .content .gallery .miniature{height:150px;}
main .content .title{font-size:26px;text-align:center;}
main .content .offer .item .signatureoffer, main .content .offer .item .signaturewklad, main .content .offer .item .text, main .content .offer .item .textwklad{font-size:20px;}
#cookie{font-size:18px;}
}
@media all and (max-width:540px){main .content .gallery .mainwindow{height:314px;}
main .content .gallery .miniature{height:145px;}
main .content .offer .item .signatureoffer{padding-top:3%;}
main .content .offer .item .signaturewklad{height:21%;padding-top:3%;}
main .content .offer .item .textwklad{height:79%;padding-top:10%;}
.error p, .message p{font-size:26px;}
.cookie-info p{font-size:18px;}
}
@media all and (max-width:500px){main .photo .signature{font-size:14px;height:30px;padding-top:5px;padding-left:7px;}
.brands img{width:60%;}
main .content .allegro .title3{text-align:center;}
main .content .gallery .mainwindow{height:294px;}
main .content .gallery .miniature{height:140px;}
main .content .offer .item .text, main .content .offer .item .textwklad{font-size:18px;}
#cookie{height:110px;}
}
@media all and (max-width:480px){main .content .offer .item .textwklad, main .content .offer .item .text{padding-top:10%;}
main .content .allegro .all-btn{width:40%;}
main .content .gallery .mainwindow{height:274px;}
main .content .gallery .miniature{height:130px;}
}
@media all and (max-width:440px){main .content .gallery .mainwindow{height:254px;}
main .content .gallery .miniature{height:115px;}
footer, .empty{height:650px;}
main .content .offer .item .signatureoffer, main .content .offer .item .signaturewklad{font-size:18px;padding-top:2px;}
main .content .offer .item .text, main .content .offer .item .textwklad{font-size:16px;padding-top:8%;}
}
@media all and (max-width:400px){main .content .allegro .all-btn{width:50%;}
main .content .allegro p{text-align:left;}
main .content .gallery .mainwindow{height:224px;}
main .content .gallery .miniature{height:105px;}
footer, .empty{height:700px;}
main .content .offer .item .signatureoffer, main .content .offer .item .signaturewklad{font-size:16px;}
main .content .offer .item .text, main .content .offer .item .textwklad{font-size:14px;padding-top:6%;}
.error p{font-size:22px;}
#cookie{font-size:16px;}
.cookie-info p{font-size:16px;}
}