/*
Theme Name: Neste Harjavalta
Theme URI: http://www.acosmin.com/theme/businessx/
Template: businessx
Author: Acosmin
Author URI: http://www.acosmin.com/
Description: Businessx is a modern one page WordPress theme with WooCommerce & Polylang support, perfect for any business, agency or blog. With the help of the free Businessx Extensions plugin you will be able to add 14 sections (Slider, Features, About Us, Team, Clients, Portfolio, Actions, Testimonials, Pricing, FAQ, Hero, Blog, Contact, Google Map) to your homepage and position them as you want on page. Download this plugin from: https://wordpress.org/plugins/businessx-extensions/ & Full Demo: http://demo.acosmin.com/themes/businessx/
Tags: custom-header,grid-layout,right-sidebar,sticky-post,translation-ready,threaded-comments,featured-images,custom-menu,theme-options,footer-widgets,portfolio,blog,e-commerce
Version: 1.0.5.6.1499862695
Updated: 2017-07-12 15:31:35

*/

@import url('//fonts.googleapis.com/css?family=Titillium+Web');

header,
header *,
section,
section *,
footer,
footer * {
	font-family: 'Titillium Web', sans-serif;
}

section#section-about div.grid-container {
    padding: 5em 1em 0 1em;
	max-width: 100%;
}

section#section-about div.grid-container p {
	max-width: 100%;
}

section#section-about div.grid-container img {
	float: left;
	margin: 1em;
	height: auto;
}

@media screen and (max-width: 1360px) {
	section#section-about div.grid-container img {
		margin: 1em 1em;
		height: 75px;
	}
}

@media screen and (max-width: 1070px) {
	section#section-about div.grid-container img {
		margin: 1em 1em;
		height: 65px;
	}
}

@media screen and (max-width: 950px) {
	section#section-about div.grid-container img {
		margin: 1em 0.5em;
		height: 55px;
	}
}

@media screen and (max-width: 750px) {
	section#section-about div.grid-container img {
		margin: 1em 0.5em;
		height: 50px;
	}
}

@media screen and (max-width: 700px) {
	section#section-about div.grid-container img {
		margin: 1em 2%;
		width: 46%;
		height: auto;
	}
	
	section#section-about div.grid-container img:nth-of-type(3),
	section#section-about div.grid-container img:nth-of-type(5) {
		width: 21%;
	}
}