/* ----------------- TAG RESET ----------------- */

body, div, p, h1, h2, h3, h4, h5, h6, span { margin: 0; padding: 0; }
div { display: block; }
legend { display: none; }
img, fieldset { border: 0px; margin: 0px; padding: 0px; }
.clear-both { clear: both; }

/* ----------------- BASIC DECLARATIONS ----------------- */

body {
    font-family: 'Didact Gothic', sans-serif;
    font-size: 12px;
    color: #333333;
    position: relative;
    /*line-height: 16px;*/
}

#main-wrapper { width: 900px; margin: auto; }

header { text-align: center; margin-bottom: 20px; }

header .header-title { background: #3f9b16; font-size: 14px; font-weight: bold; color: #ffffff; padding: 7px; text-transform: uppercase; text-align: center; letter-spacing: 0.7px; }

footer { background: #3f9b16; padding: 20px; margin-top: 0px; text-align: center; }

section { padding: 20px; }

#cele-zrownowazonego-rozwoju { font-size: 18px; }
#cele-zrownowazonego-rozwoju  img { display: block; float: left; margin-right: 40px; }
#cele-zrownowazonego-rozwoju h2 { font-size: 50px; font-weight: normal; line-height: 40px; margin-bottom: 20px; }

#global-compact { font-size: 16px; background: url('../img/global-compact-bg.jpg') no-repeat; margin-top: 20px; }
#global-compact img { float: left; border-right: 1px solid #aaaaaa; padding-right: 30px; margin-right: 30px; }
#global-compact h2 { font-size: 40px; font-weight: normal; line-height: 40px; margin-bottom: 20px; }
#global-compact p { margin-bottom: 15px; }
#global-compact p.bold { font-weight: bold; }
#global-compact p.header { float: left; font-size: 20px; width: 660px; margin-bottom: 30px; }

#misja_wizja_wartosci { color: #ffffff; font-size: 16px; background: url('../img/misja_wizja_wartosci_bg.jpg') no-repeat top center; padding: 60px; }
#misja_wizja_wartosci p { margin-bottom: 20px; }
#misja_wizja_wartosci .desc { width: 45%; float: left; padding-right: 30px; border-right: 1px solid #ffffff; margin-right: 30px; }
#misja_wizja_wartosci .points { width: 45%; float: left; }
#misja_wizja_wartosci .points h3 { font-size: 30px; font-weight: normal;  }

#aluminium { font-size: 16px; margin-top: 15px; }
#aluminium  p { margin-bottom: 15px; }
#aluminium img { float: left; padding: 45px 40px; }
#aluminium img.header { padding: 0px; margin-left: -20px; margin-bottom: 20px; }
#aluminium  p.header { float: left; }

#aludigital { font-size: 15px; padding: 0px; margin-top: 20px; }
#aludigital h2 { font-size: 50px; font-weight: normal; color: #0f5880; line-height: 40px; margin-left: 20px; }
#aludigital h2 span { display: block; font-size: 20px; color: #000000;  }

#aludigital .content { background-color: #eeeeee; padding: 20px 20px 0px 20px; }
#aludigital .content img { float: right; margin-top: -82px; margin-left: 20px; margin-right: -20px; }
#aludigital .content p { margin-bottom: 20px; }
#aludigital .content p.header { font-size: 20px; }

#opakowania-przyszlosci { font-size: 16px; background: url('../img/alupol_header_bg.png') no-repeat top; margin-top: -30px; padding-top: 180px; }
#opakowania-przyszlosci img { float: right; margin-left: 20px; }
#opakowania-przyszlosci  p { margin-bottom: 15px; }
#opakowania-przyszlosci h2 { font-size: 35px; font-weight: normal; margin-bottom: 20px; }
#opakowania-przyszlosci p.header { font-size: 18px; font-weight: bold; margin-bottom: 40px; }

#fundacja { font-size: 16px; background: #f5f5f5 url('../img/fundacja_header_gfx.jpg') no-repeat top; }
#fundacja img { display: block; margin: auto; margin-top: 40px; }
#fundacja p { margin: 20px 30px; }


@media (max-width:767px){
	
	#main-wrapper { width: 100%; }
	img { max-width: 100%; }
	#global-compact p.header { width: 65%; }
	#aluminium img { display: block; clear: both; }
	#aludigital .content img { margin-top: -90px; width: 100%; }
	#aludigital h2 { margin-bottom: 60px; }
	#opakowania-przyszlosci { background: url('../img/alupol_header_bg.png') no-repeat top left; margin-top: -13px; }
	#aludigital .content { padding: 20px; }
	#aluminium img.header { width: 100% }
    #aluminium img { width: 30%; padding: 25px 20px; }
	#cele-zrownowazonego-rozwoju img { float: none; margin-bottom: 30px; width: 100%; }
	#aluminium img.header { margin-left: 0px; }
	#misja_wizja_wartosci { background: #668227; padding: 20px; }
	#misja_wizja_wartosci .desc { width: 100%; border: none; }
	#misja_wizja_wartosci .points { width: 100%; margin-top: 20px; }
	#global-compact img { width: 20%; padding-right: 20px; margin-right: 20px; border: none; }
	
}