/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */



/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
body {
  color: #222;
  }

  .header {
	  background-color: #FFFFFFF;
	  width: 100%;
	  margin-top: 2rem;
	  margin-bottom: 2rem;
  }



/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.ff {letter-spacing: -.05rem;}

/* Font Face */

p {
	/*color: #2C2C2C;*/
  color: #252525;
}

a {
  color: #252525;
}

.ibm{
  margin-top: 2rem!important;
}

.right {
	text-align: right;}

  .left {
  	text-align: left;}

.footer {
	/*margin: 5rem 0rem 2rem 0rem;*/
  text-align: center;

}

.row.client {
  display: flex;
  margin-bottom: 3rem;
}

.logo {
  display: inline-block;
  vertical-align: top;
  /*display: flex;
  align-items: center;
  justify-content: center;*/
}

div figcaption {
  display: inline-block;
  vertical-align:bottom;
}

div blockquote {

}

.pseudo {
  display: inline-block;
  width:1px;
  height:100%;
  vertical-align:bottom;
}




/* Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.white {
  background-color: #FFFFFF;
}

.black {
  color: #252525;
}

.grey {
    background-color: #F3F3F3;
}

.magenta {
  color: #db2663;
}

.blue {
    color: #0064ff;
}



/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  a {
	color: #0064ff;
  text-decoration: none;
  border-bottom: 1px solid
}

a:hover {
  color: #000;
}

/* Logos
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Animation
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.hideme
{
    opacity:0;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one {
-webkit-animation-delay: 0.1s;
-moz-animation-delay: 0.1s;
animation-delay: 0.1s;
}