@import 'https://fonts.googleapis.com/css?family=Alegreya+Sans';

* {
	margin: 0;
	border: 0;
	padding: 0;
}

body {
    background: #ffffff;
    font-family: Georgia;
    margin: 0 auto;
}


#page-container {
    position: relative;
    min-height: 100vh;
  }

p {
    font-family: Georgia;
    color: #524C56;
    font-size: 160%;
    line-height: 155%;
    padding: 3%;
    text-align: justify;
}

h3 {
    font-size: 135%;
    line-height: 255%;
    font-weight: 500;
    color: #cb0e74;
    text-align: center;
    text-transform: uppercase;
    padding: 0;
}

h4 {
    font-size: 120%;
    line-height: 125%;
    font-weight: 500;
    color: #cb0e74;
    text-align: left;
    padding-left: 3%;
}

a {
    color: #524C56;
    text-decoration: none;
    font-weight: bold;
}

a:hover{
    color:#C3D7DF;
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: -4px;
}

/* global ends */

#wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

#banner-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 3% 0;
}

header {
    width: 100%;
    height: 235px;
    top: 0;
    left: 0;
}

#logo {
    margin-top: 35px;
    width: 400px;
    height: 200px;
    font-size: 200%;
}

/* nav starts */

nav {
    float: right;
    padding: 25px 20px 0px 0px;
}

#menu-icon {
    display:hidden;
    width: 40px;
    height: 40px;
    background: url(img/icons/nav-dark.png) center;
}

ul {
    list-style: none;
}

nav ul li {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 100%;

}

nav ul li a {
    color: #cb0e74;
}

.current {
    color: #cb0e74;
}

a:hover {
    color: #A5BDCD;
}
/* nav end*/

.slider {
    max-width: 1200px;
}

.slider1 img {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.slider .bx-wrapper .bx-controls-direction a{
    display: none;
}


.one-third {
    width: 33.3333333%;
    float: left;
    text-align: center;
}

.icon-wrap {
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 125%;
    text-align: center;
    background-color: #cb0e74;
    /*margin-top: 8%;
    margin-bottom: 3%;*/
}

.icon-wrap i {
    text-align: center;
    color: #F0F0F0;
    font-size: 100%;
    /*padding: 30% 10% 10% 10%;*/
}

.icon-test1{
    text-align: center;
    color: #F0F0F0;
    font-size: 290%;
    padding: 25% 10% 10% 10%;    
}

.icon-test2{
    text-align: center;
    color: #F0F0F0;
    font-size: 380%;
    padding: 15% 10% 10% 20%;    
}

.icon-test3{
    text-align: center;
    color: #F0F0F0;
    font-size: 370%;
    padding: 15% 10% 10% 10%;    
}

.left-col {
    /*float: left;*/
    margin: 0 auto;
    width: 80%;
    height: auto;
    padding: 1%;
}

.left-col p{
    /*float: left;*/
    font-family: Georgia;
    font-size: 130%;
    /*margin-bottom: 1em*/
}

.left-col ul {
    color: #524C56;
}
.sidebar {
    float: right;
    margin: 0 auto;
    width: 32%;
    height: auto;
    padding: 1%;
}

.clearfix-padding {
    clear: both;
    padding: 2%;
}

.one-third-padding {
    width: 29%;
    float: left;
    margin: 2% 2%;
    text-align: center;
}

.trzy-ikony{
    display: flex;
}

.trzy-ikony1 {
    width: 100%;
   display:inline;
   float:left;
}
.trzy-ikony2 {
    width: 100%;
   display:inline;
}
.trzy-ikony3 {
    width: 100%;
   display:inline;
   float: right;
}

/*kontakt*/

.dane {
    padding:1%;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 150%;
}

/*polityka*/

.punkt{
   font-size: 120%;
    line-height: 145%;
    font-weight: 500;
    color: #cb0e74;
    text-align: left;
}

.podpunkty{
    font-size: 100%;
    line-height: 135%;
    font-weight: 500;
    color: #cb0e74;
    padding-left: 3%;
}

.indent3{
    margin-left:3%;
}

.indent2{
    margin-left:2%;
}

/*audyt*/
.audyt {
    font-family: 'Alegreya Sans', sans-serif;
    color: #524C56;
    font-size: 160%;
    line-height: 155%;
    list-style-type: circle;
    margin-left: 60px;
}

.wciecie p, h3 {
    text-indent: 0;
}

.paddingbot {
    padding: 4% 2%;
}

/*szkolenia*/

#info {
    list-style-type: none;
}
.ulszkolenia {
    font-family: Georgia;
    color: #524C56;
    font-size: 160%;
    line-height: 155%;
    list-style-type: circle;
    margin-left: 60px;
}

.naglowek-lewy{
    text-align: center;
    text-indent: 3%;
    padding: 2% 2% 2% 0;
}
.kadryiplace-tekst{
    font-family: Georgia;
    font-size:75%;
    text-align: justify;
}


/*podstawowy*/

.podstawowy p{
    text-indent: 0;
    padding:2%;
}
    
/* footer starts */

footer {
   background: #cb0e74;
   width: 100%;
   overflow: auto;
   position: absolute;
   bottom: 0;
   height: 6rem;
   text-align:center;
}

.fotter-kurwa {
    font-size: 250%;
    color: #C3D7DF;
    font-weight: 50;
    text-align: center;
    width: 100%;
    margin-right: 2%;
   display:inline;
}

@media screen and (max-width: 768px) {
    p {
        font-size: 130%;
    }
    h3 {
        font-size: 150%;
    }
    .audyt {
        font-size: 130%;
    }
    header {
        height: 250px;
        position: relative;
    }
    #logo {
        margin: 5% 0 0 2%;
      }
    #menu-icon {
        display: inline-block;
    }
    nav:hover ul {
        display: block;
    }
    
    nav ul, nav:active ul {
        display: none;
        z-index: 1000;
        position: absolute;
        padding: 20px;
        background: #F5F5F5;
        border: 1px solid #A5BDCD;
        right: 20px;
        width: 50%;
        border-radius: 3px 0 3px 3px;
        opacity: .95;
    }
    
    nav li {
        text-align: center;
        width: 100%;
    }
    
    .slider-hide {
    display: none;
}

    .one-third {
        float: left;
        width: 100%
    }

    .trzy-ikony{
        width: 100%;
        display:  inline-block;
    }
    
    .icon-wrap {
        height: 80px;
        width: 80px;
        margin-top: 3%;
    }
    
    .icon-wrap i {
        font-size: 250%;
        padding-top: 27%;
    }
    .icon-test1{
        text-align: center;
        color: #F0F0F0;
        font-size: 80%;
        padding: 10% 10% 10% 10%;    
    }
    
    .icon-test2{
        text-align: center;
        color: #F0F0F0;
        font-size: 80%;
        padding: 10% 10% 10%  20%;    
    }
    
    .icon-test3{
        text-align: center;
        color: #F0F0F0;
        font-size: 80%;
        padding: 10% 10% 10% 10%;    
    }
    
    .left-col {
        width: 100%;
        padding: 0;
    }
    
    .sidebar {
        width: 100%;
    }
    
    .one-third-padding {
        width: 98%;
        margin: 0;
        padding: 1%;
    }
    
    .icon-text-icon {
        width:100%;
        padding: 0 0 2% 0;
    }
    .icon-text-text {
        width: 100%;
        padding-top: 2%;
        font-size: 80%;
    }
    
    .footer-nav {
        text-align: center;
        padding-top: 5%;
    }
    .footer-nav li {
        padding: 1%;
    }
    
    .footer-nav a {
        font-size: 145%;
    }
    .social i {
        font-size: 180%;
    }
}