/* For small screen devices */

 .menu-row {
	display: flex;
	flex-direction: row;
}
.logo-container {
	flex: 1;
}
.logo-container img {
	height: 15vw;
	width: 5vw
	Padding: 0vw;
}



.left-container {
	text-align: felx ;
}

/* Main body of page */
 
body {
	height: 100%;
	background: rgb(0, 0, 0);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5vw;
	font-weight: normal;
	line-height: 2vw;
	margin: 0;
	padding: 0;
	color: rgb(10, 8, 8);
	
	padding: 0;
}

p {
	color: #050505;
	line-height: 2vw;
	margin: 1vw;
	padding: 0vw;
	text-align: left;
}
p2 {
	color:#020202;
	line-height: 2vw;
	margin: 1vw;
	padding: 1vw;
	text-align: center;
	font-size: 1vw;
}
p2 a {
	color: #070606;
	text-decoration: underline;
}
p2 a:hover {
	color: #c0c0c0;
}
p a {
	color: #0c0a0a;
	text-decoration: underline;
}
p a:hover {
	color: #070606;
}
h1 {
	color: #020202;
}
#header {
	margin: 0 auto;
	padding: 1.5vw 0 2vw;
	text-align: center;
	
	background-color: rgb(255, 255, 255);
	color: rgb(8, 7, 7);
}
#header a.logo {
	display: block;
	margin: 0 auto;
	padding: 0;
	
	align-items:left;
}
#header a.logo img {
	border: 0;
	display: inline-block;
	/* margin: 0;
	padding: 0;
	height: 20.12em; 
	position: flex;
    top: 30px;
    left: 50px; */
}
#header a.figure {
	display: block;
	margin: 0 auto;
	padding: 0;
	
	align-items:Right;
}
#header a.figure img {
	border: 0;
	display: inline-block;
	/*margin: 0;
	padding: 0;
	height: 12.12em; 
	position: flex;
    top: 70px;
	right:40px;*/
}
#header ul {
	margin: 0;
	padding: 2vw 0 0;
}
#header ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 0.5vw;
}
#header ul li a {
	color: #000000;
	display: inline-block;
	font-family: "Arial", Gadget, sans-serif;
	font-size: 1vw;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0.5vw;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #000000;
}
#header ul li a:hover, #header ul li.selected a {
	color: #050505c0;
}
#body {
	height: 100%;
	max-width: 40vw;
	margin: 0 auto;
	padding: 0 0 0vw;
	text-align: center;
}
#body img {
	max-width: 40vw;
	text-align: left;
}
#body h1 {
	color: rgb(5, 5, 5);
	display: inline;
	font-family: poller_oneregular;
	font-size: 35px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: center;
	
}
#body h2 {
	color: #0c0b0b;
	line-height: 3vw;
	margin: 0;
	padding: 0;
	text-align: center;
}
#body h1 span {
	background: #000000;
	display: inline-block;
	padding: 0.5vw 1vw 2vw;
}
#body > div {
	margin: 0 auto;
	padding: 0;
	
}
#body > div img {
	border: 1vw solid #000000;
	margin: 2vw 0 0;
	padding: 0;
	
	
}











/*Footer styling*/

#footer {
	background: #faf8f8;
	margin: 0;
	padding: 1.8vw 0 2vw;
}
footer {
	text-align: center;
	padding: 0.3vw;
	background-color: rgb(248, 246, 246);
	color: rgb(8, 5, 5);
  }
#footer div {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
}
#footer div p {
	color: #070505;
	float: left;
	line-height: 2.2vw;
	margin: 0 0 0 0.5vw;
	padding: 0;
}
#footer div ul social-icons {
	display: block;
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 0;
	
	
}
#footer div ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0 0.5vw;
	padding: 0;
	
}
#footer div ul li a {
	background: url(../images/icons.jpg) no-repeat 0 0;
	display: block;
	height: 3vw;
	margin: 1vw;
	padding: 1vw;
	text-indent: -400vw;
	
}
#footer div ul li #twitter {
	background-position: 0 0;
}
#footer div ul li #twitter:hover {
	background-position: -2.2vw 0;
}
#footer div ul li #facebook {
	background-position: 0 -2.2vw;
}
#footer div ul li #facebook:hover {
	background-position: -2.2vw -2.2vw;
}
#footer div ul li #googleplus {
	background-position: 0 -3.3vw;
}
#footer div ul li #googleplus:hover {
	background-position: -2.2vw -3.3vw;
}
#footer div ul li #pinterest {
	background-position: 0 -70vw;
}
#footer div ul li #pinterest:hover {
	background-position: -2.2vw -70vw;
}
.footer__icons {
    position: absolute;
    left: 10%;
    bottom: 43%;
    font-family: Arvo;
    font-weight: 300;
    font-size: 0.8rem;
	letter-spacing: 0.3vw;
}

	
.footer {
  position: relative;
  height: 18em;
  background-color: $color-dark-grey;

  &__evolve--logo {
    position: absolute;
    
    bottom: 49%;
    left: 50%;
    transform: translate(-50%);
  }

  &__bottom {
    position: absolute;
    bottom: 0;
    height: 3vw;
    padding-top: 1vw;
    color: $color-white;
    font-size: 0.2vw;
    
    background-color: rgba($color-black, 0.2);
  }

  &__fusion--logo {
   
    position: absolute;
    right: 10%;
    bottom: 50%;
  }


  &__icons {
    position: absolute;
    left: 10%;
    bottom: 43%;
    font-family: Arvo;
    font-weight: 300;
    font-size: 0.8rem;
    letter-spacing: 0.2vw;

    &--head {
      color: $color-white;
      display: block;
      margin-bottom: 0.8vw;
    }
  }

  &__copyright {
	text-align: center;
	font-size: 0.vw;
  }

 
}

.fusion-logo {
  height: 5vw;
}

.social-footer {
  text-align: center;
  height: 2vw;
  border: 0;
  margin-bottom: 1%;
  margin-right: -4vw;

   Extra Small Devices, Phones *
  @media only screen and  {
    height: 10vw;
  }

  &--mail {
    padding-left: 0.2vw;
  }

  &--github {
    margin-left: -1vw;
  }
 
 


/*Small Devices, Tablets */


@media screen and (max-width: 10vw) {
	.logo-container {
		text-align: center;
	}
	img {
		max-width: 80vw;
	}
	.menu-row {
		flex-direction: column;
	}
	#header ul li {
		display: block;
		text-align: center;
	}
	#body img {
		max-width: 90vw;
	}
}