*{
    margin: 0;
    padding: 0;
    font-family: 'Times New Roman', Times, serif;
    box-sizing: border-box;
}
body{
    background-color:#4d4d55;
}
#wrapper{
    max-width: 1400px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.884);
    bottom: 0px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
header img{
    width: 100%;
    height: 250px;
    display: block;
}
ol {
    list-style-type:none;
    font-size:28px;
    height:60px;
    line-height: 55px;
    text-align:center;
}
ol a {
    display:block;
    text-decoration:none;
    padding:0 5px;
    color: white;
}
ol > li {
    float:left;
    width:25%;
    background-color:rgb(44, 47, 95);
    color: #FFF;
    height:2em;
}
ol > li:hover {
    background-color:rgb(52, 62, 202);
}
ol > li:hover > ul {
    display:block;
}
ol > li > ul {
    display:none;
    list-style-type:none;
    padding:0;
    margin:0;

}
ol > li > ul > li {
    z-index: 2;
    position:relative;
    background-color:rgb(44, 47, 95);
}
ol > li > ul > li > a {
    border-bottom: 1px solid white;
    color: #FFF;
}
ol > li > ul > li:hover {
    background-color:rgb(52, 62, 202);
}
h1{
    font-size: 30px;
    text-align: center;
    margin: 0px 1%; 
    margin-top: -30px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 2px solid rgb(44, 47, 95);
}
h2{
    text-align: center;
    margin: 15px 1%; 
    margin-top: 135px;
    padding-bottom: 20px;
    padding-top: 15px;
    border-bottom: 2px solid rgba(44, 47, 95, 0);
}
h3{
    font-size: 30px;
    text-align: center;
    margin: 10px 1%; 
    margin-top: -3px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 2px solid rgb(44, 47, 95);
    border-top: 2px solid rgb(44, 47, 95);
}
h4{
    margin: 15px 1%; 
    padding-bottom: 15px;
    padding-top: 20px;
    border-bottom: 2px solid rgb(44, 47, 95);
    
}
section .a1{
    text-decoration: none;
    color: black;
    text-align: center;
    font-size: 25px;
    margin: 0 22%;
    margin-top: 15px;
}
section .a1:hover{
    background-color: rgba(44, 47, 95, 0.185);
    border-radius: 10px;
}
article{
    margin: 30px 0;
}
article > div > a{
    text-decoration: none;
}
section > div > div > a > img{
    float: left;
    height: 260px;
    width: 500px;
    overflow: hidden;
    margin-right: 20px;
    margin-left: 40px;
}
section > div > div > a > img:hover{
    -webkit-filter: drop-shadow(15px 15px 15px rgb(44, 47, 95)); 
    filter: drop-shadow(15px 15px 15px rgb(44, 47, 95)); 
}
article > div > a > p{
    z-index: -1;
    text-align: justify;
    font-size: 25px;
    color: #000000;
    margin-top: 50px;
    min-height: 220px;
    max-height: 220px;
    margin-right: 40px;
}
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.0s;
    animation-name: fade;
    animation-duration: 1.0s;
}
@-webkit-keyframes fade {
 from {opacity: 0.4} 
 to {opacity: 1}
}
@keyframes fade {
 from {opacity: 0.4} 
 to {opacity: 1}
}
section > article > a{
    float: left;
    text-align: center;
    color: rgb(0, 0, 0);
    margin: 0 445px;
    font-size: 25px;
}
section > article > a{
    float: left;
    text-align: center;
    color: rgb(0, 0, 0);
    margin: 0 445px;
    font-size: 25px;
}
footer{
    max-width: 1400px;
    margin: 0 auto;
	bottom:0;
	height:110px;
	background:rgb(44, 47, 95);
    color: #FFF;
}
.lf{
    float: left;
    text-align: left;
    padding: 10px 20px;
    width: 47%;
}
.zdj{
    padding: 15px 5px;
    width: 90px;
}
.rg{
    float: right;
    text-align: right;
    padding: 10px 20px;
    width: 43%
}