*{
	padding: 0;margin: 0;	
}
html, body {
  width: 100%;
  height: 100%;
  position: fixed;
}
.container-fluid{
	height: 100%;
	position: fixed;
}

.row-cols-2{
	height: 100%;
}

.col-6{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: 0;
	padding: 10px;
	
}
.a-link {
	text-decoration: none;
	background-color: transparent;
	width: auto;
	height:auto;
}

/* CARD SET*/
.card{
	display: table-cell;
	width: 100vh;
 	border-radius: 0;
 	background-color: transparent;
 	border-style: none;
 }
.card-title {
	font-weight: 800;
	font-size: 24px;
}
.card-text{
	padding-top: 0.3rem;
}
.card .card-body .card-text li {
	display: inline;
	padding-right: 8px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.2px;
}
.card .card-body p {
	font-size: 18px;
	font-weight: 500;
}

/*BG MASING2 CARD*/
.bg-member{
	background-color: #FFB130;
	color: white;
}
.bg-member a {
	text-decoration: none;
	color:white;
}


.bg-web{
	background-color: #000000;
	color: white;
	border-style: none;
}
.bg-web a {
	text-decoration: none;
	color:white;
}

.bg-wa{
	background-color: #2DC865;
	color: white;
}
.bg-wa a {
	text-decoration: none;
	color:white;
}

.bg-tel{
	background-color: #29AEE2;
	color: white;
}
.bg-tel a {
	text-decoration: none;
	color:white;
}

.bg-ig{
	background-color: #EF5E76;
	color: white;
}
.bg-ig a {
	text-decoration: none;
	color:white;
}

.bg-fac{
	background-color: #417BEF;
	color: white;
}
.bg-fac a {
	text-decoration: none;
	color:white;
}



/*BG HOVER */

.bg-member:hover,
.bg-member focus {
		background-color: #FFB42E;
	}
.bg-member, .effect {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;  
    transition: all .1s ease;
}

.bg-web:hover,
.bg-web:focus {
	background-color: #000000;
	color: white;
}
.bg-web, .effect {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;  
    transition: all .1s ease;
}

.bg-wa:hover,
.bg-wa:focus{
		background-color: #2FD165;
}
.bg-wa, .effect {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;  
    transition: all .1s ease;
}


.bg-ig:hover,
.bg-ig:focus {
		background-color: #FF5F6F;
		color: white;
	}
.bg-ig, .effect {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;  
    transition: all .1s ease;
}


.bg-tel:hover,
.bg-tel:focus {
		background-color: #3AB2ED;
		color: white;
	}
.bg-tel, .effect {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;  
    transition: all .1s ease;
}


.bg-fac:hover,
.bg-fac:focus {
	background-color: #3D7DFC;
	color: white;
}
.bg-fac, .effect {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;  
    transition: all .1s ease;
}

.col-6:hover {
  transform: scale(1.03);
  box-shadow: 2px 2px 50px rgba(0,0,0,0.6);
  border-radius: 10px;
  z-index: 10;

}

@media screen and (max-width: 992px) {

	.row-cols-2{
		height: 100%;
	}
	.col-6{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		margin: 0;
		padding: 0;
	}
	.card{
	width: 100vh;
 	border-radius: 0;
 	background-color: transparent;
 	border-style: none;
 }
.card-title {
	font-weight: 800;
	font-size: 18px;
}
.card .card-body p {
	font-size: 16px;
}

.card-text{
	padding-top: 0.2rem;
}
.card .card-body .card-text li {
	display: inline;
	padding-right: 6px;
	font-size: 16px;
	letter-spacing: -0.2px;
}
}

@media screen and (max-width: 768px) {

	.row-cols-2{
		height: 100%;
	}
	.col-6{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
		margin: 0;
		padding-top: 3rem;
	}
	.card{
		width: 100vh;
	 	border-radius: 0;
	 	background-color: transparent;
	 	border-style: none;
	 	padding: 1rem 0 1rem 0;
 	}
.card-title {
	font-weight: 800;
	font-size: 18px;
}
.card .card-body p {
	font-size: 14px;
}
.card-text{
	padding-top: 0;
}
.card .card-body .card-text li {
	display: inline;
	padding-right: 6px;
	font-size: 14px;
	letter-spacing: -0.2px;
}
.fa-5x{
	font-size: 50px;
}

}


@media screen and (max-height: 768px) {
	.row-cols-2{
	 height: 100%;
	}
	.col-6{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		align-content: flex-start;
		margin: 0;
		padding-top: 1.8rem;
	}

	.card{
		width: 100vh;
	 	border-radius: 0;
	 	background-color: transparent;
	 	border-style: none;
	 	padding: 1rem 0 1rem 0;
 	}
.card-title {
	font-weight: 800;
	font-size: 16px;
}
.card .card-body p {
	font-size: 13px;
}
.card-text{
	padding-top: 0;
}
.card .card-body .card-text li {
	display: inline;
	padding-right: 4px;
	font-size: 13px;
	letter-spacing: -0.2px;
}
.fa-5x{
	font-size: 42px;
}
}