@charset "UTF-8";
/* CSS Document */


.container {
	text-align:center;
	color:#871C1F;
	width: 75%;
	margin-left:12.5%;
	font-size:1.0em;
	
}
body {
font-family: "Montserrat", sans-serif;
}



/* Top Banner */
#Poppins  {
	width:75%;
}

.umbrella  {
  stroke-dasharray: 700;
  stroke-dashoffset: 700;
  animation: dash 7s  linear forwards;
}

.umbrellaF  {
 opacity:1;
	animation: fade 7s linear forwards;
	-webkit-animation: fade 7s linear forwards; /* Safari 4.0 - 8.0 */
    -moz-animation: fade 7s linear forwards;
	
}

.bizC  {
 transform:scaleX(0.01);
	transform-origin: center;
	
	animation: rotate 8s linear forwards;
	/*animation-delay: 10s;*/
	
}

/*@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}*/

/*@keyframes dash {
	0% { stroke-dashoffset: 700; opacity: 0;  }
	2% { stroke-dashoffset: 700; opacity: 1;  }
	80% { stroke-dashoffset: 0;  opacity: 1; }
	98% { stroke-dashoffset: 0; opacity: 0;}
	100% { stroke-dashoffset: 0; opacity: 0;}
	
}*/

@keyframes dash {
	0% { stroke-dashoffset: 700;  }
	100% { stroke-dashoffset: 0;}
	
}

@keyframes fade {
	0% { opacity: 0;  }
	
	100% { opacity: 1;}
	
}

@keyframes rotate {
	0% { transform:scaleX(0.01); opacity: 0; }
	78% { transform:scaleX(0.01); opacity: 0; }
	85% { transform:scaleX(0.01);  opacity: 1; }
	100% {transform:scaleX(1);  opacity: 1;}
}

@-webkit-keyframes rotate {
	0% { transform:scaleX(0.01); opacity: 0; }
	78% { transform:scaleX(0.01); opacity: 0; }
	85% { transform:scaleX(0.01);  opacity: 1; }
	100% {transform:scaleX(1);  opacity: 1;}
}

@-moz-keyframes rotate {
	0% { transform:scaleX(0.01); opacity: 0; }
	78% { transform:scaleX(0.01); opacity: 0; }
	85% { transform:scaleX(0.01);  opacity: 1; }
	100% {transform:scaleX(1);  opacity: 1;}
}

/* End top Banner */
/* Calls to action*/
.square {
  width: 200px;
  height: 200px;
  background: orange;
  
}
.more  {
	display:table-cell;
	height: 60px;
	width: 250px;
	border-right: solid 10px #F00;
	vertical-align: middle;
	padding-left: 20px;
	background-color:#871C1F;
	color:#FFF;
	font-weight: bold;
	
}

@media (prefers-reduced-motion: no-preference) {
  .square-animation {
    animation: wipe-enter 1s 1;
  }
  .more-animation {
	  animation: wipe-more 2s 1;
  }
}

@keyframes wipe-enter {
	0% {
		transform: scale(0, .025);
	}
	100% {
		transform: scale(1, .025);
	}
}

@keyframes wipe-more {
	0% {
		transform: scale(0, 1);
		transform-origin:0;
	}
	50% {
		transform: scale(1, 1);
		transform-origin:0;
	}
}

.more-animation a {
	color:#FFF;
	text-decoration:none;
}



.more-animation:hover {
	background-color:#EEE3CA;
	color:#000;
}



.content  {
	line-height:1.5em;
	text-align:left;
	
}

.contact  {
	float:left;
	text-align:left;
	font-size:1em;
	line-height: 2em;
	
}

.footer  {
	float:left;
	/*background-color:#F00;*/
}

.memberLogo  {
	float:right;
	width: 27%;
	height:auto;
}