/*!
Theme Name: pigroupe
Theme URI: http://underscores.me/
Author: Maxim N.
Author URI: http://donstroy.com
Description: Theme for developers websites
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pigroupe
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

pigroupe is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	font-family: "Roboto", sans-serif;
	top: 0;
	left: 0;
	background-image: url('./img/home.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	overflow-x: hidden;
	max-width: 100%;
}

p,
span,
div {
	word-wrap: break-word;
	word-break: break-word;
	overflow-wrap: break-word;
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.main {
	display: flex;
	margin: 50px 0;
}

.info {
	position: relative;
}

/* .info-content {
	position: fixed;
} */

.contacts {
	color: #b5b3b4;
	font-size: 13px;
	line-height: 1.3;
	margin-top: 45px;
}

.contacts span {
	color: #fff;
	font-size: 23px;
}

.conent {
	margin-left: 150px;
	max-width: 800px;
}

.conent h1 {
	font-size: 34px;
	line-height: 1;
	color: #FFC17D;
	text-transform: uppercase;
	margin: 0 0 50px;
	/* letter-spacing: 20px; */
}

.conent h2 {
	font-size: 30px;
	line-height: 1;
	color: #fff;
	margin: 0 0 30px;
	/* letter-spacing: 10px; */
}

.conent h3 {
	font-size: 27px;
	text-transform: uppercase;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 35px;
}

.docs {
	font-size: 16px;
	margin-bottom: 35px;
}

.docs a {
	position: relative;
	font-size: 24px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	padding: 10px 0 10px 42px;
	display: inline-block;
	margin-bottom: 20px;
}

.docs a:hover {
	text-decoration: underline;
}

.docs a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 26px;
	height: 36px;
	background-image: url('./img/pdf-icon.png');
}

@media screen and (max-width: 900px) {
	.main {
		flex-wrap: wrap;
	}

	.conent {
		margin-left: 0;
		margin-top: 100px;
	}

}