@page {
	size: A4;
	margin: 0;
}

@media print {

	html, body {
		width: 210mm;
		height: 297mm;
	}

	html {
		font-size:10pt;
		-webkit-print-color-adjust: exact;
	}

	/* hide these */
	.mobile-menu-icon,
	.hero .search-holder,
	.navi-right,
	.navigation,
	.site-search-icon,
	.navigation .container,
	.footer .col-sm-8.col-md-9.hidden-xs,
	.grey-box .nosto-button-mobile,
	.videoWrapper,
	.visible-xs,
	.js-error-message.hidden,
	.formSubmit.mobile,
	.giosg_chat_now_button,
	.giosg_chat_now .chatbuttontext,
	.giosg_chat_now.dock-left,
	.leipis .hidden-xs,
	#twitter-widget-0,
	.video-element {
		display: none !important;
		visibility: hidden !important;
	}

	.three-columns .twitter.match #twitter-widget-0 {
		display: block !important;
		visibility: visible !important;
	}

	/* HEADER */
	.wrapper .header {
		float: left;
		margin-bottom: 2rem;
	}

	.wrapper .header,
	.topbar {
		display: block;
	}

	.topbar {
		padding: 1rem;
		height: 45px;
	}

	.topbar .col-md-3.col-sm-4 {
		margin: 0;
		padding: 0;
	}

	.frontpage-hero-banner {
		height: auto;
		min-height: 150px;
		max-width: 100%;
		width: auto;
	}

	/* NAVIGATION */
	.desktop-menu {
		min-height: 65px;
	}

	.corporate-nav a {
		font-size: 13pt;
	}

	/* COLUMNS */
	.row,
	.col-md-3,
	.col-sm-4,
	.col-md-6,
	.col-md-9
	.col-sm-12 {
		float: left;
	}

	.row .col-sm-12, 
	.row .col-sm-4, 
	.row .col-sm-6 {
		padding: 0 10px;
	}

	.row {
		width: 100%;
	}

	.col-md-3 {
		width: 25%;
	}

	.col-sm-4 {
		width: 30%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-9 {
		width: 75%;
	}

	.col-sm-12 {
		width: 100%;
	}

	/* CONTENT */
	.grey-box {
		position: relative;
	}

	.grey-box .nosto-button {
		bottom: -50px;
	}

	.frontpage-banner a,
	h2.frontpage-banner-text,
	h2.frontpage-banner-text.white-text {
		font-size: 25pt !important;
		line-height: 1.5;
		color: #ffffff !important;
	}

	h2.frontpage-banner-text {
		top: 0;
		padding: 0 1rem;
	}

	.wrapper .container {
		margin: 0 auto;
	}

	.yhteystiedot {
		padding: 10px;
	}

	.wrapper h2,
	.wrapper p,
	.nain-paaset-alkuun h3,
	.wrapper a,
	.yhteystiedot-content h3, 
	.contact h3,
	.uutishuone h3,
	.uutishuoneen-otsikko h4,
	.twitter h4,
	.yhteystiedot-otsikko h4 {
		font-size:16pt;
	}

	.nain-paaset-alkuun h4,
	.palvelukategoria h4 {
		text-align: left;
		font-size: 20pt;
	}

	.grey-box.palvelukategoria,
	.grey-box .palvelunosto-button .match {
		height: auto !important;
	}

	.grey-box .nosto-button-palvelukategoria,
	.grey-box .nosto-button-alapalvelukategoria {
		font-size: 16pt;
		min-height: 30px;
		height: 30px;
		padding: 10px;
	}

	.wrapper .yhteystiedot p,
	.yhteystiedot span, 
	.yhteystiedot a,
	.uutishuone .wrapper p,
	.frontpage-contact-form .formFieldHolder input,
	.frontpage-contact-form .formField-select select,
	.frontpage-contact-form .formField-textarea textarea,
	.alakategoria-contact-form .submit-alakategoria .formSubmit {
		font-size: 14pt;
	}

	.row.three-columns .match,
	.row.three-columns .match * {
		vertical-align: top;
	}

	.frontpage-contact-form .formField-firstname, 
	.frontpage-contact-form .formField-lastname, 
	.frontpage-contact-form .formField-phone,
	.frontpage-contact-form .formField-select select,
	.frontpage-contact-form .formField-select {
		width: 100%;
		height: auto;
		max-height: 100%;
	}

	.frontpage-contact-form .formTextinput,
	.frontpage-contact-form .formFieldHolder input,
	.frontpage-contact-form .formField-textarea textarea,
	.cta-button {
		box-sizing: border-box;
	}

	.formCheckboxLabelHolder.sahkopostien-vastaanotto,
	.sahkopostien-vastaanotto-confidential {
		display: block;
	}

	.frontpage-contact-form span.formCheckboxLabel {
		position: relative;
	}

	/* FOOTER */
	.footer div {
		width: 100%;
	}

	/* ALASIVUT */
	.hero-banner {
		padding: 40px 0;
	}

	.palvelukategoria,
	.palvelukategoria .match {
		height: auto !important;
		word-wrap: break-word;
	}

	/* VASTUULLINEN YRITYS */
	.row .alakategoria.contact {
		min-height: auto;
		height: auto !important;
	}

	.col-sm-4-lp a {
		text-decoration: none
	}

	.col-sm-4-lp {
		width: 100%;
	}

	.col-sm-4-lp .left-element {
		background-position: top center !important;
	}

	.col-sm-4-lp .element-position {
		position: relative;
	}

	.alakategoria-contact-form {
		float: left;
		height: auto !important;
	}

	.alakategoria-contact-form .formField-firstname, 
	.alakategoria-contact-form .formField-lastname, 
	.alakategoria-contact-form .formField-phone, 
	.alakategoria-contact-form .formField-select, 
	.alakategoria-contact-form .formField-textfield.yritys, 
	.alakategoria-contact-form .formField-textfield.y-tunnus, 
	.alakategoria-contact-form .formField-textfield.titteli {
		padding-right: 0;
		width: 100%;
	}

	.alakategoria-contact-form .formTextinput,
	.alakategoria-contact-form .formField-email input,
	.alakategoria-contact-form .formTelinput,
	.alakategoria-contact-form .formTextarea,
	.alakategoria-contact-form .submit-alakategoria {
		padding: 20px;
		width: calc(100% - 40px);
	}
}