/*Better box-sizing*/
*, *:before, *:after {
box-sizing: border-box;
}

/*
blue: #3e6edf
yellow: #ffe522
headings: #333
text: #808080
*/	

/* Body */
body {
color: #808080;
font: 18px / 1.4 Lato, Arial, Helvetica, sans-serif;
margin-top: 85px;
}

/* Links */
a {
text-decoration: none;
color: #3e6edf;
}

/*Headings*/

h1, h2, h3, h4, h5, h6 {
color: #333;
}

h1, h2, h3 { line-height: 1.2; }
h4, h5, h6 { line-height: 1.3; }

h1 {
font-size: 54px;
}

h2 {
font-size: 46px;
}

h3 {
font-size: 32px;
}

h4 {
font-size: 24px;
}

h5 {
font-size: 20px;
}

h6 {
font-size: 18px;
}

/*Color box*/
/*
.box {
display: inline-block;
width: 100px;
height: 100px;
}

.box-blue { background: #3e6edf; }
.box-yellow { background: #ffe522; }
.box-dark { background: #333; }
.box-gray { background: #808080; }
*/

/*Icons*/
/*
.icon {
font-size: 70px;
margin: 0 6px;
*/
}

/*Fonts container*/
.fonts-container {
margin: 80px auto;
width: 700px;
}