/* reset*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	border:0;
}
.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}
video {
	width: 90%;
	height: auto;
}
* {
  box-sizing: border-box;
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    color: #000;
    background-color: #fff;
}
.container {
    width: 80%;
    margin: 0 auto;
}
header {
    background-color: #000;
    margin-top: 1%
}
.centerit {
    margin: 0 auto;
    text-align: center;
}
h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 180%;
    margin: 1%;
}
h2 {
    font-family: 'Oswald', sans-serif;
    color: #333333;
    font-size: 150%;
    margin: 1%;
}
h3 {
    font-family: 'Oswald', sans-serif;
    color: #800080;
    font-size: 125%;
    margin: 1%;
}
p {
    padding: 1%;
    line-height: 1.5;
}
a:link {
    color: blue;
    text-decoration: none;
}
a:visited {
    color: blue;
}
a:hover {
    color: red;
    text-decoration: overline;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
    padding: 2%;
}
.portfolio img {
	width: 100%;
	height: 100%;
	margin-bottom: -5px;
	transition: all 0.3s ease-out;
	position: relative;
	z-index: 2;
}
.portfolio:hover img {
	transform: scale(1.2, 1.2);
	z-index: 9;
}
.note {
    font-size: 80%;
}
footer {
    margin: 1%;
    background-color: #000;
    color: #fff;
    text-align: center;
}