/* Background */

body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dddddd+0,eeeeee+100 */
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #dddddd 0%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #dddddd 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #dddddd 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-attachment: fixed;
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}

.page_body {
    background: #fff;
    margin: 32px auto;
    width: 1024px;
    padding: 32px;
    box-sizing: border-box;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.cv_heading div.contacts {
    text-align: center;
    display: block;
	padding-bottom: 1%;
}

.cv_heading div.contacts a {
    color: #666;
	font-weight: 500;
	text-decoration: none;
	transition: color .6s ease;
	-webkit-transition: color .6s ease;
}

.cv_heading div.contacts a:hover {
    color: #aaa;
}

.cv_heading h1 {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    color: #f2b632;
    font-weight: 600;
    font-size: 2.8em;
}

.cv_heading h2 {
    text-align: center;
    margin: 0;
    color: #aaaaaa;
    font-weight: 600;
    font-size: 1.4em;
	padding-bottom: 2%;
}

.cv_block h2 {
    text-align: center;
    font-weight: 500;
    font-size: 1.4em;
}

.cv_block.skills ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0 0 10px;
}

.cv_block.skills ul {
    list-style: none;
    list-style-type: none;
	text-align: center;
}

.cv_block.skills ul li {
    background: #eee;
    padding: .4% 1%;
    margin: .5% 1.1%;
    font-size: 1.1em;
    display: inline-block;
    border-radius: 6px;
}

.cv_block.experience {
    padding: .5% 1.5%;
}

div.cv_block > div {
    padding: .5% 0 2%;
}

.cv_block.experience h3 {
    margin: .25% 0;
}

.cv_block.experience h3 span.date {
    float: right;
    font-weight: 300;
}

.cv_block.experience h3 span.grade {
    font-weight: 300;
    font-size: .9em;
}

.cv_block.experience h3 span.grade span {
    padding: 0 1%;
}

div.buttons_row {
    padding: .25% 0 1.5%;
}

div.buttons_row a {
    background: #eee;
    padding: .5% 1%;
    color: #000;
    text-decoration: none;
    margin: 0 1.5% 0 0;
    font-size: .8em;
    border-radius: 6px;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
}

div.buttons_row a:hover {
    background: #000;
    color: #eee;
}

@media screen and (max-width: 1080px) {
	
	.page_body {
		width: 100%;
		padding: 10px;
	}
	
	.cv_heading h1 {
		font-size: 2.4em;
	}
	
	.cv_block.experience h3 span.date {
		display: block;
		float: none;
	}
	
}