@charset "UTF-8";
/* CSS Document */

/*
Barlow+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400
Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400
*/

/* to są ustawienia z portfolio.css dostosowane do strony kontakt */

article {
	padding: 5% 0 13% 0;
}

article h1 {
	font-family: 'Barlow Condensed', 'Roboto Condensed', sans-serif;
	font-size: 2.9em;
	font-weight: 300;
	letter-spacing: -0.02em;
	color: #34383c;
	text-transform: none;
	margin: 0 0 4% 2.94117647%;
}

article p {
	color: #95989c;
	padding-bottom: 2%;
}

#e_mail a {
	background: url(../gfx/icons/ico_con_mail_1.png) 98% 80% no-repeat;
}

#e_mail a:hover {
	background: #ffffff url(../gfx/icons/ico_con_mail_2.png) 98% 80% no-repeat;
	color: #181a1c;
	opacity: 1;
}

#linked_in a {
	background: url(../gfx/icons/ico_con_linkedin_1.png) 98% 80% no-repeat;
}

#linked_in a:hover {
	background: #ffffff url(../gfx/icons/ico_con_linkedin_2.png) 98% 80% no-repeat;
	color: #181a1c;
	opacity: 1;
}


/*
===================
       RWD
===================
*/

@media only screen and (max-width:668px) {
/*  article h1 {
    margin: 0;
    padding: 0 0 5% 0;
    font-size: 2em;
  }*/

	article {
		padding: 0 0 13% 0;
	}

	p.two-columns-lt {
		width: 90%;
		max-width: none;
		margin: 0;
	}

	article p {
		color: #95989c;
		padding:5% 22px 2% 22px;
	}

	#e_mail a {
		background: none;
	}

	#e_mail a:hover {
		background: none;
		background-color: #ffffff;
	}

	#linked_in a {
		background: none;
	}

	#linked_in a:hover {
		background: none;
		background-color: #ffffff;
	}

  article h1 {
    color: #181a1c;
    /*margin: 0 0 6% 2.94117647%;*/
    display: block;
    width: 100%;
    margin: 0;
    padding: 0.5em 0 1.5em 0;
    background-color: #ffffff;
    text-align: center;
    font-size: 2em;
		font-weight: 400;
  }

  .three-columns img {
    width: 90%;
    margin: 0 auto;
    margin-top: 10%;
    margin-bottom: 0;
    display: block;
  }
}