body{
    background-color:#333333;
}
#wrapper{
    width:1200px;
    margin:0 auto;
    margin-bottom:50px;
}
#content{
    margin:0 auto;
    text-align:center;
    margin-top:100px;
}
img{
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s; /* Firefox < 16 */
    -ms-animation: fadein 3s; /* Internet Explorer */
    -o-animation: fadein 3s; /* Opera < 12.1 */
    animation: fadein 3s;
    transition:ease 1s;
	height: auto; 
    width: auto; 
	max-width: 300px; 
    max-height: 300px;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
img:hover{
    filter:invert(100%);
    -webkit-filter:invert(100%);
}
h1{
    font-family: 'Quicksand', sans-serif;
    color:#FFF;
    font-size:30px;
    font-weight:100;
    text-transform:uppercase;
    width:220px;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:30px;
    text-align:center;
}
h1 span:first-child{
    font-size:34px;
}
h1 span:last-child{
    font-size:75px; 
}
h2{
    font-family: 'Quicksand', sans-serif;
    color:#FFF;
    font-size:30px;
    font-weight:100;
    text-transform:uppercase;
    width:220px;
    margin:0 425px;
    margin-top:30px;
    margin-bottom:30px;
	
    text-align:justify;
}
h2 span:first-child{
    font-size:34px;
}
h2 span:last-child{
    font-size:75px; 
}
a{
    text-decoration:none;
    font-family: 'Quicksand', sans-serif;
    color:#FFF;
    font-size:20px;
    font-weight:100;
    text-transform:uppercase;
    border-right:1px solid #FFF;
    padding-right:15px;
    padding-left:15px;
}
a:first-child{
}
a:last-child{
    border-right:none;
}
#content a,a:visited,a:hover,a:active{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
	position:relative;
  transition:0.5s color ease;
	text-decoration:none;
}
#content a.before:before,a.after:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}
#content a.before:before{
  top:-0.25em;
}
#content a.after:after{
  bottom:-0.25em;
}
#content a.before:before,a.after:after{
  height:2px;
  width:0;
  background:#FFF;
}
#content a.first:after{
  left:0;
}
#content a.before:hover:before,a.after:hover:after{
  width:100%;
}