body{
	background: #fff;
	margin: 0;
	font-family: 'Montserrat', sans-serif !important;
}

.header-wrapper{
	display: block;
}

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

.header-wrapper .logo-container{
	opacity: 0;
	animation: 1.2s forwards 0.2s 1 blendIn;
}

.header-wrapper .site-name-wrapper{
	opacity: 0;
	animation: 1.2s forwards 0.4s 1 blendIn;
}


.body-wrapper .info-wrapper{
	opacity: 0;
	animation: 1.2s forwards 0.6s 1 blendIn;
}

.body-wrapper .click-block-wrapper{
	opacity: 0;
	animation: 0.6s forwards 1.2s 1 blendIn;
}

.header-wrapper .logo-container{
	background: #33475a;
	height: 180px;
	width:180px;
	display: table;
	border-radius: 100%;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}

.header-wrapper .logo-container .logo-content{
	display: table-cell;
	vertical-align: middle;
	width:190px;
	height: 80px;
}

.header-wrapper .logo-container .logo-content img{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.header-wrapper .site-name-wrapper{
	color: #33475a;
	font-size: 14px;
}

.header-wrapper .site-name-wrapper h1{
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	display: table;	
}

.footer-wrapper {
	display: grid;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
}

.footer-wrapper p {
	margin: 0;
	padding: 5px;;
	font-size: 10px;
	text-align: right;
}

.footer-wrapper a {
	color: #000;
}

.body-wrapper .info-wrapper{
	color:#56A3A6;
	font-size: 12px;
}

.body-wrapper {
	display: table;
	margin-bottom: 30px;
	width: 100%;
}

.body-wrapper .info-wrapper h2{
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.body-wrapper .click-block-wrapper{
	width: 70%;
	display:block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

.body-wrapper .click-block-wrapper .click-block-item{
	width: 33.3333%;
	display: table;
	float: left;
	text-align: center;
	height:130px;
}

.click-block-item a{
	height: 100%;
	width: 100%;
    display: table;
	font-size: 12px;
	text-decoration: none;
}

.click-block-item a:hover .description{
	background: #e0e0e0 !important; 
	color: #666 !important;
}

.click-block-item i{
	margin-top: 25px;
	font-size: 14em;
}

.click-block-item .content{
	height:100%;
	width:100%;
	display: table;
}

.click-block-item .content .description{
	color: #777;
	height:100%;
	//background: #f0f0f0;
	margin-left: 15px;
    margin-right: 15px;
	-webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

.description h2 {
	margin-top:20px !important;
	font-size: 20px !important;
}

.description img {
	margin-top: 20px;
}



@media (max-width: 1024px){
	.body-wrapper .click-block-wrapper{
		width: 90%;
	}
}

@media (max-width: 768px) and (min-width: 690px){
	.body-wrapper .click-block-wrapper{
		width: 100% !important;
	}
	
	.click-block-item .content .description{
		margin-left: 5px
		margin-right: 5px;
	}
}

@media (max-width: 690px) and (min-width: 0px){
	.body-wrapper .click-block-wrapper{
		width: 100% !important;
		margin-bottom: 50px;
	}
	
	.click-block-item .content .description{
		margin-left: 5px
		margin-right: 5px;
	}
	
	.body-wrapper .click-block-wrapper .click-block-item{
		margin-top: 15px;
		width: 100%;
		min-width:150px;
		margin-left: 5px!important;
	}
}