/*
	Theme Name: Billboard_theme
*/

.top {padding: 10px 95px;}
.navbar {width: 100%; padding: 0;}
.navbar-collapse {justify-content: end;}
#mainmenu3 {width: 100%; display: flex;}
#mainmenu3 ul {padding: 0px; align-items: center;}
#mainmenu3 ul li {position:relative; float: right; list-style:none; margin: 0 10px;
    list-style: none;
    padding: 0 12px;}
#mainmenu3 ul li a {text-transform: uppercase; font-size: 16px; color: #3f4eb3; line-height: 21px; padding: 0px 0px;
  margin: 0; padding: 5px 0px 0; font-weight: bold;}
  #mainmenu3 ul li:last-child {border-width: 0;}
.navbar-toggler:focus {
    box-shadow: none;
}
@media (max-width: 1280px) {
  .mainmenu2 {padding: 0;}
  .subtitle {font-size: 40px;}
}
@media (max-width: 1199px) {
  #mainmenu3 ul li {border-width: 0px;}
  #mainmenu3 ul li a {padding: 6px 0px;}
}
@media (max-width: 767px) {
  #logo {height: 30px;}
  #mainmenu3 ul li a {font-size: 16px; }
}
@media (max-width: 575px) {
  #mainmenu3 ul li a {}
}
@media (min-width: 1367px) {
  #logo {height: 60px; }
  #mainmenu3 ul li {border-width: 0 3px 0 0px;}
}

.hero {padding: 142px 0;
    background-position: center;}
.hero-h1-col1 {padding: 32px;}
.hero-h1-col {
justify-content: center;
}
.hero-h1-col>div {
	flex-basis: 1200px;
}
.hero-h1 {
width: 797px;    color: black;
    padding: 8px;
    margin: 0 auto;
    font-size: 27px;
    background-color: #ff2626;
    text-align: center;
}
.hero-text {
    background-color: #d9d9d999;
    padding: 29px;
    color: blue; border-radius: 21px;
}
.hero-btn {
	padding: 40px 0 ;
}
.reklama-div {
	border-width: 1px;
    width: 1200px;
    border-color: #8ed1fc;
    margin: 0 auto;
}

.bill2 {
    padding: 50px;
    position: relative;
    background-color: #ffffff;
    background-image: url(img/ph.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}
.bill2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #383838;
    background-position: bottom;
    opacity: .6;
}
.bill2>div {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.bill2 div.wp-block-column {
    padding: 16px 0;
    border-radius: 7px;
    color: black;
}
.bill2>div a {
    text-decoration: none;
    color: #003f9f;
}
.bill3 {
    padding: 50px;
    position: relative;
    color: black;
}
.bill4::before {background-color: #dfdfdf;}

.img2 img {border-radius: 50%;}

.cont-1200 iframe {
    width: 713px;
    margin: 0 auto;
    height: 402px;
    display: block;
}

.ul-left {
    background-color: #83d183;
    padding: 37px;
}
.ul-right {
    background-color: #cdcdcd;
    padding: 37px;
}

.cont-form {font-size: 20px; background-color: rgb(7,55,99); padding: 70px 0; color: white;}
.fas, .fa-solid {
    margin: 5px;
}
.cont-form-block {}
.cont-form-block textarea {height: 230px; width: 100%;}
.cont-form-block input {width: 100%;}
.cont-form-block input[type=submit] {
    float: right;
    width: 100px;
}
.cont-form-left {flex-basis: 50%;}
.cont-form-right {flex-basis: 50%;}

.mapa {height: 445px;}
.footer {background-color: rgb(7,55,99); padding: 10px 5px 40px ;}
.footer .navbar-nav {
    flex-direction: row;
    justify-content: center;
}
.footer .navbar-nav a {color: white; margin: 0 25px;
    text-transform: uppercase;}
.copy {
    color: white;
    text-align: center;
    padding-top: 11px;
    font-size: 15px;
}
.copy a {color: white;}

.gal .wp-block-image {flex-basis: 20%;
    height: 200px;}

.white a {color: #fff;}
.cont-1200 {width: 1200px; margin: 0 auto;}
@media (max-width: 1200px) {
.top {padding: 5px 10px;}
.reklama-div {
    border-width: 1px;
    width: initial;}
    .cont-1200 {width: initial;}
.bill2>div {
    width: initial;
}
}

@media (max-width: 992px) {
    .hero {padding: 0;}
.hero-h1 {
    width: initial;font-size: 19px;}
.hero-h1-col1 h2, .hero-h1-col1 a {font-size: 19px;padding: 0 9px;}
}
@media (max-width: 781px){
.hero-h1-col1 {padding: 0px;}
.hero-btn {
    padding: 9px 0;
}
    
.cont-form {font-size: 16px; background-color: #070739; padding: 70px 0; color: white;}
.dn-md {display: none;}
}


.dn {display: none;}
.h-13 {font-size: 13px;}
.h-14 {font-size: 14px;}
.h-15 {font-size: 15px;}
.h-16 {font-size: 16px;}
.h-17 {font-size: 17px;}
.h-18 {font-size: 18px;}
.h-19 {font-size: 19px;}
.h-20 {font-size: 20px;}
.h-2 {font-size: 23px;}
.h-3 {font-size: 33px;}
.h-4 {font-size: 43px;}
.h-5 {font-size: 53px;}
.h-6 {font-size: 63px;}
.h-7 {font-size: 73px;}


@media (max-width: 996px) {
	.h-1,.h-3,.h-4,.h-5,.h-6 { font-size: 27px;}
	.h-7 {font-size: 36px;}
.cont-form-block label {width: 100%;}
.footer .navbar-nav {
flex-wrap: wrap;}
}


{

}
@media (max-width: 576px) {
    .h-17,.h-18,.h-19,.h-20 {font-size: 16px;}
	.h-1,.h-2,.h-3,.h-4,.h-5,.h-6 { font-size: 19px;}
	.h-7 {font-size: 19px;}
    .text-16-sm {font-size: 16px;}
    .bill2 div.wp-block-column {
    padding: 0;
    border-radius: 7px;
}
.cont-form .container {max-width: 97%;}
.dn-sm {display: none;}

/*    small display none dla odstepiow w bs moze
h-16-sm zrobic

*/
}