/* -- General settings -------- */

html, body {
    min-width: 400px;
    margin: 0;
    font-family: "Helvetica Neue", "PT Serif", "Helvetica", "Arial", serif;
    font-size: 100%;
    line-height: 1.667;
    color: #1f1f1f; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
    }

::selection { background: #f9f5e4; }
::-moz-selection { background: #FFDE00; }
a { color: #03709a; border-bottom: 1px solid rgba(112, 144, 176, 0.2); text-decoration: none; }
a:hover { color: #d04000; border-bottom: 1px solid rgba(208, 64, 0, 0.2); }
* a:link, * a:link *, * a:visited, * a:visited * { transition: color 0.25s ease-out, background 0.25s ease-out, border-color 0.25s ease-out, box-shadow 0.25s ease-out; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 40px;
  margin-bottom: 65px;
  line-height: 1.091;
}
h1 { font-family: Georgia; font-weight: normal; font-size: 200%; padding: 0 4% 0 4%; }
h3 { font-weight: 500; }
p+p {
  text-indent: 1.667em;
  margin: 0;
}
img+p { text-indent: 1.667em; }
p+h1, p+h2, p+h3, p+h4, p+h5, p+h6, p+table { margin-top: 30px; }
blockquote {
  position: relative;
  font-style: italic;
  color: #7a7a7a;
}
p, ol, ul {
  margin: 0;
  letter-spacing: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}



    body {
        padding: 0;
        margin: 0;
    }
    img {
        display: block;
        max-width: 100%;
        height: auto;
    }
    .demo {
        max-width: 100%;
        min-height: 500px;
        margin: 0 auto;
        padding: 0 2px;
        overflow-x: hidden;
    }
    .inner {
        padding: 2px;
    }
    
    header {
	    max-width: 100%;
	    margin: 0 auto;
    }
    
    .name {
	    font-family: 'Oswald', sans-serif;
	    font-size: 3em;
	    color: #2b2b2b;
	    margin: 2% 3%;
    }
    .name a {
	    color: #2b2b2b;
	    border: 0px;
    }
    .name a:hover { color: rgb(238,174,202); border-bottom: 0px solid rgba(208, 64, 0, 0.2); }
	
	.footer {
		display: block;
		position: absolute;
		width: 100%;
		padding: 3% 0%;
		font-family: 'Oswald', sans-serif;
	    font-size: 1.5em;
	    color: #2b2b2b
	}
	
    .footer .copy {
	    width: 70%;
	    height: 40px;
	    float: left;
	    line-height: 40px;
    }
    .footer .social {
	    width: 10%;
	    float: right;	    
    }
	.footer .social a {
		border: 0px;
	}
    .icon {
		display: inline-block;
		width: 40px;
		height: 40px;
		background-size: cover;
	}
	.instagram {
		background-image: url(/img/icons/instagram-2.svg)
	}
	.instagram:hover,
	.instagram:focus {
		filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
	}

	.vk {
		background-image: url(/img/icons/vk-2.svg)
	}
	.vk:hover,
	.vk:focus {
		filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
	}

    
@media (max-width: 600px) {
      	.demo {
	      	padding: 0;
	      	margin: 0;
      	}
      	.inner {
	      	padding: 2px 0;
      	}
      	.footer {
	      	font-size: 1em;
      	}
      	.copy {
	      	width: 70%
      	}
      	.social {
	      	padding: 0 7%;
      	}
    }