html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
strong{font-weight:700;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}fieldset,figure,form,ul,ol,body{border:0;margin:0;padding:0;}label{cursor:pointer;}legend{border:0;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;overflow:visible;}table button,table input{overflow:auto;}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;}input[type=checkbox],input[type=radio]{box-sizing:border-box;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;}audio:not([controls]),[hidden],.ir br{display:none;}::-moz-selection,::selection{background:#666;color:#fff;text-shadow:none;}
* { -moz-box-sizing: border-box; box-sizing: border-box; }
a:link, a:visited, a:active { text-decoration : none; color : black; transition: all 0.3s ease-out; }
a:hover { color : red; outline: 0;}
a:focus, a:active { outline: 0; }

/* Styles */
html {
    height: 100%;
    overflow: auto;
}

body {
    background: white;
    color: black;
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;

    background-image: url('./bg_events.jpg');
    background-repeat: no-repeat;
    background-position: 50% -100px;
    background-size: 1920px 587px;

    padding-top: 172px;
}

#main {
    flex-grow: 1;
    margin: 0 auto;
    text-align: center;
    font-size: 1.3rem;
    padding: 210px 25px 0;
}


.c {
    width: 1120px;
    display: block;
    margin: 0px auto;
    position: relative;
}

#footer {
	color: white;
	background: url('./bg_footer.png') no-repeat top center;
	background-size: 1920px 551px;
	position: relative;
	height: 551px;
	display: block;
	overflow: hidden;
}
	.footerLogo {
		position: absolute;
		left: 781px;
		top: 125px;
		z-index: 10;
        img {
            width: 225px;
        }
	}
    #footer .footer_adres {
        top: 370px;
        right: 20px;
        position: absolute;
        text-align: right;
    }

	.footer_adres {
		z-index: 11;
		font-weight: 300;

        strong {
            font-weight: 700;
            color: #ffed00;
        }

        span {
            width: 96px;
            height: 17px;
            background: url('./sprite.png') no-repeat 0 0;
            display: inline-block;
        }
	}

/* Media Queries */
	@media (max-width:1140px){
		.c { width: 940px; }
		body { padding-top: 147px; }
		.footerLogo { left: 631px; top: 140px;}
		#footer { height: 451px; }
	}
	@media(max-width:964px){
		.c { width: 780px; }
		body { background-size: 1500px 459px; padding-top: 113px; }
		#footer { background-size: 1500px 430px; height: 391px; }
		.footerLogo { left: 501px; top: 95px; }
		#footer .footer_adres { top: 310px; }
	}
	@media(max-width:810px){
		.c { width: 96%; }
		body { background-position: top center; background-size: 1000px 306px; padding-top: 167px; }
		#footer { background-size: 1000px 287px; height: 285px; }
		.footerLogo img { width: 175px; }
		.footerLogo { left: auto; right: 15px; top: 32px;  }
		#footer .footer_adres { right: 15px; top: 249px;  }
		#main { padding-top: 170px; }
	}
	@media(max-width:700px){
		.footerLogo { top: 37px; }
		#main { padding-top: 70px; }
	}
	@media(max-width:600px){ .footerLogo { top: 55px; } }
	@media(max-width:500px){
		body { padding-top: 145px; }
		.footerLogo { top: 64px; }
		#footer .footer_adres { top: 229px; }
        #main {
            padding-left: 12px;
            padding-right: 12px;
            font-size: 1.1rem;
        }
	}
	@media(max-width:375px){
		body { padding-top: 139px; }
		.footerLogo { top: 84px;}
	}
	@media(max-width:360px){
		body { padding-top: 138px; }
	}
	@media(max-width:320px){
		body { padding-top: 127px; }
	}
/* End-Media Queries */