
@mixin size_big_normal { // 28
	@include font-size(1.75);

	@media screen and (max-width: 1350px){
		@include font-size(1.5625); // 25
	}

	@media screen and (max-width: 1024px){
		@include font-size(1.25); // 25
	}

	@media screen and (max-width: 768px){
		@include font-size(1.125); // 25
	}
}	


@mixin width_inner_form_contact { // 22
	max-width:1088px;
	margin:0px auto;

	@media screen and (max-width: 1200px) {
		margin-left: 80px;
		margin-right: 80px;
		max-width:100%;
	}

	@media screen and (max-width: 768px) {
		margin-left: 20px;
		margin-right:20px;
	}

}	




// @mixin size_33 {
// 	@include font-size(2.0625);

// 	@media screen and (max-width: 1350px){
// 		@include font-size(1.5625); // 25
// 	}

// 	@media screen and (max-width: 1024px){
// 		@include font-size(1.25); // 25
// 	}

// 	@media screen and (max-width: 768px){
// 		@include font-size(1.125); // 25
// 		br{
// 			display:none;
// 		}
// 	}


// }	


// @mixin size_24{
// 	@include font-size(1.5);

// 	@media screen and (max-width: 1480px){ //1350..
// 		@include font-size(1.25); // 25
// 	}

// 	@media screen and (max-width: 1024px){
// 		@include font-size(1.125); // 25
// 	}

// 	@media screen and (max-width: 768px){
// 		@include font-size(1); // 25
// 	}


// }	

@mixin box_shadow {
	box-shadow: 3px 3px 18px #00000029;
}


// @mixin box_shadow_big {
// 	box-shadow: 0 2px 31px 14px rgba(36,80,117,0.15);
// }


// Center block
@mixin max_width_19290 {
	max-width:1920px;
	margin:0px auto;
}

// Center block
// @mixin border_block {
// 	display: block;
// 	border:6px solid #fff;
// 	padding:30px 38px;
// }


// Rem output with px fallback
@mixin font-size($sizeValue: 1) {
	font-size: ($sizeValue * 16) * 1px;
	font-size: $sizeValue * 1rem;
}

// Center block
@mixin center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

// Clearfix
@mixin clearfix() {
	content: "";
	display: table;
	table-layout: fixed;
}

// Clear after (not all clearfix need this also)
@mixin clearfix-after() {
	clear: both;
}

// Column width with margin
// @mixin column-width($numberColumns: 3) {
// 	width: map-get( $columns, $numberColumns ) - ( ( $columns__margin * ( $numberColumns - 1 ) ) / $numberColumns );
// }
