/* Scss Document */

$font: Arial;
$primary:#6170e0;//blue
$secondary:#e99f16;//orange
$neutral: #666;



body {
	color:$neutral;
	font-family:$font;
	line-height: 1.5em;
}
.heading{
	font-family:Georgia;
}

h1 {
	@extend .heading;
	color: $primary;
}

h2 {
	@extend .heading;
	color:$secondary;
}
@import "navigation";

@media(min-width:700px){
	.container{
		display:flex;
		justify-content: space-between;
	}
}


@mixin push--auto{
	margin:{
		left:auto;
		right:auto;
	}
		
}

@mixin border--radius--size($size){
	-moz-border-radius:$size;
	-webkit-border-radius:$size;
	-ms-border-radius:$size;
	-o-border-radius:$size;
	border-radius:$size;
}

.centered{
	display:block;
	margin-bottom:20px;
	@include push--auto;
}
.container{
	display:flex;
	justify-content:space-between;
}
section{
	
	padding:20px;
	margin-bottom:20px;
	border: 3 px solid $primary;
	@include border--radius--size(20px);}
	
	@media(min-width:700px){
		width:calc(50% - 15px);
		box-sizing:border-box;
	}
	
	



section{
	padding:20px;
	margin-bottom: 20px;
	border: 3px solid $primary;
	@include border--radius--size(20px);
}