@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);

html {}
body {background:url('../images/bg_gradient.png') repeat-x top left #ededed; min-height:900px;}
.page-header, .breadcrumb, .submitted {display:none;}
.navbar .logo {margin:0}
.navbar-inner {background:#fff;border-bottom:none;box-shadow:none!important;}
.navbar .nav {margin:10px 0 0 0;font-family: 'Oswald', sans-serif;float:right}
.navbar .nav a {color:#3f3f3f;text-transform:uppercase;letter-spacing:0.89px;font-size:17px;margin:0 10px;}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {background:#3a3a3a;color:#fff;box-shadow:none;text-shadow:none;}

article.node {
	font-family: 'Roboto', sans-serif;
	color:#2c3e50;
	line-height:24px;
	padding-top:100px;
}
article.node strong {font-family: 'Roboto', sans-serif; font-weight: 700;}
#webform-client-form-3 {max-width:700px;margin:0 auto;}
#node-3 .field-name-body p{text-align:center;}
#webform-client-form-3 label {width:200px;display:inline-block;text-align:right;}
#webform-client-form-3 input[type=text], #webform-client-form-3 input[type=email] {max-width:250px;}
#webform-client-form-3 .form-textarea-wrapper {display:inline-block;max-width:450px;}
#webform-client-form-3 #webform-component-message {vertical-align:text-top;}
#webform-client-form-3 #webform-component-message label {margin-right:14px;vertical-align:top}
#webform-client-form-3 button.form-submit {margin:20px auto 0;display:block; 
	font-family: 'Oswald', sans-serif;
	background: #3a3a3a;
	color: #fff;
	box-shadow: none;
	text-shadow: none;
	text-transform:uppercase;
	}
#webform-client-form-3 button.form-submit:hover {background-color: #e5e5e5;color:#3a3a3a;}


#node-4 {
	background:url('../images/ivan-savvine.jpg') no-repeat top center;
	background-size:100% auto;	
	padding-top:600px;
	margin:0 auto;
	max-width:1000px;	
}

#node-4 .field-name-body {max-width:460px;margin:0 auto;padding:30px 60px; background:url('../images/home-bg.png') repeat-x top left #ffffff;box-shadow:1px 1px #ddd}
.view-portfolio h3 {font-family: 'Oswald', sans-serif;font-size:32px;text-align:center;clear:both;margin:30px 0 20px}
.view-portfolio .views-row {max-width:600px;margin:0 auto;color:#5e5e5e;clear:both;margin-bottom:40px;overflow:auto;}

.view-portfolio .views-row .views-field-field-after-text, .view-portfolio .views-row .views-field-title {display:block;}


.view-portfolio .views-row .views-field-field-subtitle{display:inline-block;}
.view-portfolio .views-row .views-field-field-subtitle {padding-top:10px}

.view-portfolio .views-row .views-field-field-after-text {padding:50px 0 20px;}
.view-portfolio .views-row .views-field-field-after-text a {color:#5e5e53; text-decoration:underline;}
.view-portfolio .views-row .views-field-field-after-text a:hover {color:#000;}

.view-portfolio .views-row .views-field-field-text-version, .view-portfolio .views-row .views-field-field-book-thumbnail{ margin-right:20px;display:block;float:left;}
.view-portfolio .views-row .views-field-field-text-version img, .view-portfolio .views-row .views-field-field-book-thumbnail img{border:1px solid #c7c7c7;}
.view-portfolio .views-row .views-field-title, .view-portfolio .views-row .views-field-field-subtitle {vertical-align:top;}
.view-portfolio .views-row .views-field-title, .view-portfolio .views-row .views-field-title a {color:#5e5e5e;font-family: 'Oswald', sans-serif;font-size:30px;line-height:30px;}
.view-portfolio .views-row .views-field-field-original-source-url {padding-top:30px;display:inline-block;}
.view-portfolio .views-row .views-field-field-text-version-1 {padding-top:30px;display:inline;display:inline-block;}

.view-portfolio .views-row .views-field-field-original-source-url a {padding:5px 20px 0 30px;background:url('../images/link-icon.png') no-repeat center left;color:#5e5e5e;}
.view-portfolio .views-row .views-field-field-text-version-1 a {padding:5px 20px 0 30px;background:url('../images/pdf-icon.png') no-repeat center left;color:#5e5e5e;}

#node-2 .field-name-body a, #node-18 .field-name-body a, #node-19 .field-name-body a, #node-21 .field-name-body a {color:#000;text-decoration:underline;}
#node-2 .field-name-body a:hover, #node-18 .field-name-body a:hover, #node-19 .field-name-body a:hover, #node-21 .field-name-body a:hover   {text-decoration:none;}
#node-2 .field-name-body, #node-18 .field-name-body, #node-19 .field-name-body, #node-21 .field-name-body {max-width:600px;margin:0 auto;font-size:16px;line-height:26px;}
#node-2 .field-name-body p, #node-18 .field-name-body p, #node-19 .field-name-body p,  #node-19 .field-name-body p,  #node-21 .field-name-body p  {padding:20px 0; margin:0}

.footer {border:none;}
#fb-icon {font-size:0; width:29px;  display:inline-block; background:url('../images/fb-icon.png') no-repeat center center;text-indent:-9999px; overflow:hidden;}
#linkedin-icon {font-size:0; width:29px;  display:inline-block; background:url('../images/linkedin-icon.png') no-repeat center center;text-indent:-9999px; overflow:hidden;}
@media (max-width: 960px) {
	#node-4 { padding-top:400px;}
}

@media (max-width: 768px) {
#webform-client-form-3 label {width:100%;text-align:left;}
#webform-client-form-3 input{}
}

@media (max-width: 640px) {
	#node-4 { padding-top:300px;}
}
@media (max-width: 480px) {
	#node-4 { padding-top:200px;}
.view-portfolio .views-row div {display:block; text-align:center;width:100%}
	body {min-height:0px;}
}