.czesc{text-align:left;font-size:32px;padding-top:20px;color:#f2892c;}
	 .jestemmichal{text-align:left;font-size:42px;padding-bottom:15px;color:white;}
	 .stopka{ position: absolute;
  bottom: 0;color:white;height:70px;width:100%;padding:25px;text-align:center;

    
}
.stopkabox{min-height: 150px;margin-bottom:0px;background-color: #151F28	; 	}
	 .boxa{margin-top:25px;}
	 .przycisk-link{display:inline-block; width:49%;height:100px; 
  vertical-align: middle;
            background-color: #f59b2c; text-decoration: none; font-weight: 600; font-size:15px ;color: white; 
            text-align: center; border-radius: 0px; margin-bottom:  5px;    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F2892C;text-align:center;
    border-radius: 1px 1px 1px 1px;
padding-left:25px;
padding-right:25px;
   }
 .przycisk-link p{       vertical-align: middle;
    height: 100px;
    text-align: center;
    align-items: center;
    margin-left: auto;
font-size:16px;
    justify-content: center;
    margin-right: auto;
    width: 100%;
    display: flex;
}
         .przycisk-link:hover {background-color: white; color: #F59B2C!important;}
         .przycisk-link:hover p{color: #F59B2C!important;}

.videoW {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoW iframe 	 {
  position: absolute;
  top: 0;
  left: 0;
  padding-top:15px;
  width: 100%;
  height: 100%;
 
}

        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed, 
        figure, figcaption, footer, header, hgroup, 
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }
        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure, 
        footer, header, hgroup, menu, nav, section {
            display: block;
        }
        body {
            line-height: 1;
        }
        ol, ul {
            list-style: none;
        }
        blockquote, q {
            quotes: none;
        }
        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
.topbar{background-color: #151F28	;
	padding:50px;
width:100%;
    margin-top: 0px;
    margin-bottom: 0px;
    top: 32px; }
        body {font-family: 'Montserrat', sans-serif;
;background-color:#F5F5F7; }
        h1   {text-align: center; color: #fff; font-size: 24px; font-weight: 800; margin-bottom: 15px;}
        p    {text-align: center; color: #fff; font-size: 18px; margin-bottom: 10px;}
       .przycisk{display:inline-block; width:100%;  padding:20px;
	   height:300px;	float:left;
	   width: 300px;
	   
            background-color: #f59b2c; text-decoration: none; font-weight: 600; font-size:15px ;color: white; 
            text-align: center; border-radius: 0px; margin-bottom:  20px;    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F2892C;
    border-radius: 1px 1px 1px 1px;
}
.sbox{max-height:1000px;height:680px;padding-top:80px;max-width: 1600px; margin: 0 auto; padding: 0 10px;margin-top:50px; }
.vbox{
	height:100%;
 padding:30px;float:left;width:50%;background-color:#151f28;}
 .ytbox{height:100%;background-color:#f59b2c;padding:15px;float:left;width:50%;}

         .przycisk:hover {background-color: white; color: #f57c00;}
		      


			  .przycisk1{display:inline-block; width:100%;  
	   height:300px;	float:left;
	   width: 20%;
	  
background-size: cover;background-repeat: no-repeat;
	  
           text-decoration: none; font-weight: 600; font-size:22px ;color: white; 
            text-align: center; border-radius: 0px; margin-bottom:  20px;    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F2892C;
	
    border-radius: 1px 1px 1px 1px;
    }
	.toph2{float:left;text-align:right;color:white;}
	.p_warstwa{background-color: rgba(21, 31, 40, 0.7);
    left: 0;padding: 18px 24px 18px 24px;
    width: 100%;  
 position: relative;
    height: 100%;}
	.p_warstwa p{ position: absolute;font-size:22px ;
  bottom: 0;}
         .przycisk:hover {background-color: white; color: #f57c00;}





        * {
        box-sizing: border-box;
        }
h2{font-size:22px;
font-weight:700;text-align:center;color:black;}
h1{color:#f59b2c;font-weight: 800;font-size:42px;;}
.box{
	margin-left:auto;margin-right:auto;
	text-align:center;
	width:100%;	 
margin-top:25px;
margin-bottom:25px;
	padding:10px;
	color:white;
	clear:both;
	}
i{color:white;padding-right:35px;padding-top:30px;font-size:42px;}
i:hover{color:#151F28}

 @media only screen and (max-width: 1224px) {
	 .topbar{padding:15px;height:50px;}
	 .vbox{width:100%;
}
.przycisk-link{width:100%;}
	 	 .ytbox{width:100%;height: auto;margin-bottom: 25px;}
		 .sbox{height: auto;padding:10px;margin-top:0;}
   .przycisk1{
    width:50%;height:450px;
  }
   .p_warstwa p { position: static!important;font-size:28px;margin-top:200px;
   }
   .1box{
	   width:100%;
   }
   i{font-size:32px;}.toph2{font-size:16px;text-align:left;}
}

@media only screen and (max-width: 590px) {
.jestemmichal{font-size:28px;}
	 i{padding-right:18px;}
	
		 .topbar{padding:15px;height:70px;}
   .przycisk1{
    width:100%;    
	height:400px;
  }
  .p_warstwa p { position: static!important;font-size:28px;margin-top:150px;}
}
@media only screen and (max-width: 405px) {   i{font-size:27px;}

.topbar{padding:15px;height:80px;}
}