/* Coding and design by Justyna Fryczak
URL: http://justyna.me
EMAIL: justyna.fryczak@gmail.com */

* {
	margin: 0;
}

body {
	background: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #2A2F4A;
	font-family: 'Montserrat', 'Oxygen', sans-serif;
	line-height: 30px;
}

header {
	margin: 0;
	padding: 0;
	width: 100%;
}


article h2 {
	font-family: 'Oxygen Mono', sans-serif;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 5px;
	padding: 20px 0 20px 0;
	text-transform: uppercase;
	margin: 0 auto;
}

article p {
	font-family: 'Montserrat', 'Source Sans Pro', sans-serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 30px;
	padding-bottom: 20px;
	text-align: center;
}

a img {
	border: none;
}

/*________________________________ CSS TABLES */

.grid {
	display: table;
	margin: auto;
	width: 60%;
}
.row {
	display: table-row;
}
.cell {
	display: table-cell;
	width: 33.3%;
	position: relative;
	text-align: center;
}

/* ______________________________________________________________ MAIN */

#main {
	margin: 0 auto;
	text-align: center;
}

p.subtitle {
	font-size: 20px;
}

section#welcome {
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding-top: 60px;
	width: 100%;
}

h2.title  {
	font-family: 'Oxygen Mono', sans-serif;
	font-size: 40px;
	font-weight: normal;
	padding-top: 30px;
	text-align: center;
}

img.photo {
	margin: 0 auto;
	text-align: center;
	width: 200px;
}

/*
#welcome .title {
	background: url('images/bubble.png') no-repeat 100px 0px;
	background-size: 400px;
	height: 200px;
}
*/

/* ______________________________________________________________ LINKS */

section#links {
	position: relative;
	width: 100%;
	padding: 50px 0 30px 0;

	background: rgb(238,162,61);
	background: -moz-linear-gradient(60deg, rgba(238,162,61,1) 0%, rgba(220,101,75,1) 100%);
	background: -webkit-linear-gradient(60deg, rgba(238,162,61,1) 0%, rgba(220,101,75,1) 100%);
	background: linear-gradient(60deg, rgba(238,162,61,1) 0%, rgba(220,101,75,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eea23d",endColorstr="#dc654b",GradientType=1);
}

section#links a {
	color: #ffffff;
	display: block;
	font-size: 17px;
	font-weight: bold;
	line-height: 70px;

	text-decoration: none;
	text-transform: uppercase;
}

section#links a:hover {
	color: #EEFF2F;
	transition: color 1s;
	-moz-transition: color 1s;
	-o-transition: color 1s;
	-webkit-transition: color 1s;
}

.icon2 {
	background-repeat: no-repeat;
	background-size: 70px;
	background-position: center top;
	padding-top: 70px;
}

.icon-blog {
	background-image: url('images/blog-white.png');
}
.icon-blog:hover {
	background-image: url('images/blog-yellow.png');
}
.icon-cv {
	background-image: url('images/cv-white.png');
}
.icon-cv:hover {
	background-image: url('images/cv-yellow.png');
}
.icon-flag {
	background-image: url('images/flag-white.png');
}
.icon-flag:hover {
	background-image: url('images/flag-yellow.png');
}


/* ______________________________________________________________ ABOUT */

#status {
	margin: 0 auto;
	margin-top: 40px;
	padding: 0;
 	text-align: center;
 	width: 90%;
 	max-width: 800px;
}

.warning {
	border: 2px solid #fc4103;
	color: #fc4103;
}

.warning a {
	color: inherit;
}


#about {
	margin: 0 auto;
	padding: 40px 0 0 0;
 	text-align: center;
 	width: 90%;
 	max-width: 800px;
}

#about a {
	border-bottom: 2px solid #2A2F4A;
	color: inherit;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
}

#about a:hover {
	border-bottom: 2px solid #2797e8;
	background: #2797e8;
	color: #ffffff;
	/*transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	-webkit-transition: background 1s;*/
}

#about a.no-underline {
	border-bottom: 0px;
	color: inherit;
	font-weight: normal;
	padding: 2px;
	text-decoration: none;
}
#about a:hover.no-underline {
	border-bottom: 1px solid #2A2F4A;
	background: #ffffff;
	font-weight: normal;
	padding: 2px;
	text-decoration: none;
}

/* ______________________________________________________________ ABOUT */

.social li {
	display: inline-block;
	list-style: none;
}

p.credit {
	color: inherit;
	font-size: 10px;
	padding: 50px 0 50px 0;
}

/* ______________________________________________________________ NAVIGATION */

nav {
	background: #222;

	font-family: 'Oxygen Mono', sans-serif;
	font-weight: 100;
	height: 70px;
	margin: 0;
	position: fixed;
	text-align: right;
	text-transform: uppercase;
	width: 100%;

	z-index: 3;
}

nav ul {
	margin: 20px 0 0 0;
	text-align: right;
	width: 80%;
}

nav ul li {
	display: inline-block;
	list-style: none;
	margin: 0;
}

nav ul li a {
	color: #eee;
	font-size: 15px;
	padding: 25px 20px 24px 20px;
	text-decoration: none;

	transition: background 0.2s, color 1s;
	-moz-transition: background 0.2s, color 1s;
	-o-transition: background 0.5s, color 1s;
	-webkit-transition: background 0.5s, color 1s;
}

nav ul li a:hover {
	background: #222;
	color: #fff;
	padding-bottom: 30px;
	margin-top: 20px;
}