sa.sass

@import "fonts"
@import "libs"
@import "vars"

*
	-webkit-box-sizing: border-box
	-moz-box-sizing: border-box
	box-sizing: border-box
	&:before, &:after
		-webkit-box-sizing: border-box
		-moz-box-sizing: border-box
		box-sizing: border-box

*::-webkit-input-placeholder
	color: #666
	opacity: 1

*:-moz-placeholder
	color: #666
	opacity: 1

*::-moz-placeholder
	color: #666
	opacity: 1

*:-ms-input-placeholder
	color: #666
	opacity: 1

body input:focus:required:invalid,
body textarea:focus:required:invalid
	color: #666
body input:required:valid,
body textarea:required:valid
	color: #666

html, body
	height: 100%

body
	font-size: 16px
	min-width: 320px
	position: relative
	line-height: 1.65
	font-family: 'Montserrat', sans-serif
	overflow-x: hidden

.img-responsive
	display: block
	max-width: 100%
	height: auto

.text-center
	text-align: center

::selection
	background-color: $accent
	color: #fff
	
.wrapper
	background: url(../img/bg.jpg) no-repeat center center
    background-color: rgba(0, 0, 0, 0)
    background-attachment: scroll
    background-size: auto auto
	background-size: cover
	background-attachment: fixed
	background-color: #707d9e
	text-align: center

.header
	background: #EAEAEA 
	.logo
		display: flex
		justify-content: center
		align-items: center
		svg
			width: 80px
			
	.geo_position
		display: flex
		align-items: center
		border-right: 1px solid rgba(51,51,51, .1)
		transition: all .2s 
		&:hover
			.geo_marker
				fill: #3185fc
		.geo_marker
			width: 40px
			fill: #333
		h3
			font-weight: 700
			font-size: 20px
		p
			line-height: 18px
	
	.contacts
		display: flex
		align-items: center
		.contacts
			width: 40px
		
		h3
			font-weight: 700
			font-size: 20px
		p
			line-height: 18px
		
		&:hover
			.contacts
				fill: #3185fc

.main_info
	padding: 15px 0
	border-bottom: 1px solid rgba(51,51,51, .1)
	
.navigation
	padding: 15px 0
	ul
		width: 100%
		li
			cursor: pointer
			transition: .2s
			&:hover
				color: #e84855

.welcome h1
	color: #fff
	padding: 40px 0

.uslugi
	padding: 40px 0
	background: #EAEAEA
	.contacts
		font-size: 25px 
		line-height: 28px

.service-card
	border: 1px solid rgba(51,51,51, .1)
	border-radius: 5px 
	transition: .2s
	padding: 10px
	height: 215px
	
	.service-card-icon
		padding: 20px 0
		svg
			width: 50px
	span
		font-weight: 700
	p
		line-height: 18px
		font-size: 13px 
	&:hover
		border: none
		box-shadow: 0 0 5px rgba(232,72,85,.4)
		
		svg
			fill: #e84855


@import "media" // Всегда в конце