/* start the framwork */

*
{
	box-sizing: border-box;
}

a
{
	cursor: pointer;
	text-decoration:none;
}

.lead
{
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width:768px)
{
	.lead
	{
	  font-size: 21px;
	}
}

.text-center
{
	text-align: center;
}

.list-style
{
	list-style: none;
	padding: 0;
	margin: 0;
}
.overlo
{
	width: 100%;
	height: 100%;
}
 
.container
{
	width: 90%;
	margin: auto;
} 


.content
{
	display: flex;
	flex-wrap: wrap;
  	-webkit-justify-content: space-between;
	   -moz-justify-content: space-between;
	     -o-justify-content: space-between;
	    -ms-justify-content: space-between;
	        justify-content: space-between;
}

.background-size
{
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	    -ms-background-size: cover;
	        background-size: cover;
}

.clearfix
{
	clear: both;
}

.img-width
{
	width: 100%;
	height: 100%;
}

.float-items
{
	float: left;
	margin-right: 10px;
}

.float-l
{
   float: left;
}

.float-r
{
	float: right;
}

.h1
{
	font-size: 32px;
	font-weight: 700;
}

.hide
{
	display: none;
}

/* end framework */