.main-bg {
      background-image: url('../images/bg2.jpg');
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 1;
}
.title{
	margin-top: 12%;
}
.box{
	margin-top: 5%;
}
#text-title {
  color: #fff;  
  font-size: 6rem;
  line-height: 0.9;
  text-align: center;
  text-shadow: 3px 3px rgba(0,0,0,0.7);
}

#jargon{
	position: relative;
	color: #fff;
	font-weight: 300;
	font-size: 4rem;
	text-shadow: 3px 3px rgba(0,0,0,0.7);
}

.card-home{
	color: #000;
	border: solid 1px rgba(0,0,0,1);
	box-shadow: 2px 2px rgba(0,0,0,0.7);
	margin: 5px 0;
	
}

.card-home:hover{
	color: green;
	text-decoration: none;
	border: solid 1px rgba(0,100,0,1);
	box-shadow: 2px 2px rgba(0,100,0,0.7);
}

.text-bottom{
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 10px;
	background: rgba(0,0,0,0.25);
	border-top: solid 1px #fff;
}
.text-bottom span{
	display: inline-block;
}
.text-bottom span a{
	color: #fff;
	text-decoration: none;
}
.text-bottom span:nth-child(2){
	
}

@media only screen and (max-width: 670px) {
	.main-bg {
		height: 300px;
	}
	#text-title {
		font-size: 3.5rem;
	}
	#jargon{
		font-size: 2rem;
		text-shadow: 2px 2px rgba(0,0,0,0.7);
	}
	.text-bottom{
		position: relative;
		background: rgba(0,0,0,1);
		margin-top: 15px;
		display: block;
		text-align: center;
	}
	.text-bottom span:nth-child(2){
		color: transparent;
	}