.tc-portfolio-body, html {
	margin:0;
	padding:0;
	overflow-x: hidden;
	line-height:1.4;
}
.tc-portfolio-body h1, .tc-portfolio-body h2, .tc-portfolio-body h3, .tc-portfolio-body h4, .tc-portfolio-body h5, .tc-portfolio-body h6 {
	font-family: "Lato", sans-serif;
	text-transform:uppercase;
	margin:15px auto;
}
.tc-portfolio-body h1, .tc-portfolio-body h2, .tc-portfolio-body h3 {
	font-weight:900;
}
.tc-portfolio-body h4, .tc-portfolio-body h5, .tc-portfolio-body h6 {
	font-weight:700;
}
.tc-portfolio-body p, .tc-portfolio-body span, .tc-portfolio-body blockquote, .tc-portfolio-body a, .tc-portfolio-body li {
	font-family: "Montserrat", sans-serif;
}
.tc-portfolio-body li span {
	font-weight:700;
}
.tc-portfolio-body p, .tc-portfolio-body span, .tc-portfolio-body blockquote {
	margin:15px auto;
	font-weight:400;
}
.tc-portfolio-body h1 {
	font-size:72px;
}
.tc-portfolio-body h2 {
	font-size:60px;
}
.tc-portfolio-body h3 {
	font-size:48px;
}
.tc-portfolio-body h4 {
	font-size:36px;
}
.tc-portfolio-body h5 {
	font-size:24px;
}
.tc-portfolio-body h6 {
	font-size:20px;
}
.tc-portfolio-body p, .tc-portfolio-body span, .tc-portfolio-body li {
	font-size:16px;
}
.tc-container {
	max-width:1200px;
	margin:0 auto;
	padding:15px 12px;
}
.tc-portfolio-body .tc-btn {
	text-decoration:none;
	border-radius: 500px;
	text-transform:uppercase;
	font-weight:700;
	color:#27BBF5;
	background:black;
	padding:12px 24px;
	font-size:20px;
}
.tc-portfolio-body .tc-btn:hover{
	color:black;
	background:#27BBF5;
	border:1px solid black;
}
.tc-portfolio-body .tc-header {
	background:#27BBF5;
	color:black;
}
.tc-portfolio-body .tc-header h2 {
	margin-bottom:42px;
}
.tc-portfolio-body .tc-about {
	animation: 0.5s ease-out 0s 1 slideInTop;
	max-width:900px;
	margin:0 auto;
}
.tc-portfolio-body .tc-difference{
	animation: 1s ease-out 0s 1 slideInTop;
	background:#27BBF5;
	margin-top:45px;
}
.tc-portfolio-body .tc-work {
	animation: 1.5s ease-out 0s 1 slideInTop;
}
.tc-about .tc-summary {
	margin:0 auto 30px;
}
.tc-portfolio-body .tc-container img {
	width:100%;
	max-width:100%;
}
.tc-portfolio-body .tc-container .img-slide-box {
	border-radius:10px;
	background:black;
	padding:10px;
}
.tc-portfolio-body .tc-container .img-slide-box:hover {
	background:#27BBF5;
}
.tc-portfolio-body .tc-container .img-slide-box img {
	border-radius:5px;
}
.tc-portfolio-body .footer {
	animation: 2s ease-out 0s 1 slideInTop;
    background:#27BBF5;
}
.tc-portfolio-body .footer .tc-container h6{
    margin-bottom:30px;
} 
.tc-portfolio-body .footer .tc-btn:hover {
    background:white;
}
.tc-portfolio-body .footer .tc-container p{
    margin-top:30px;
} 
@media only screen and (max-width:1024px){
	.tc-portfolio-body h1 {
		font-size:60px;
	}
	.tc-portfolio-body h2 {
		font-size:48px;
	}
	.tc-portfolio-body h3 {
		font-size:36px;
	}
	.tc-portfolio-body h4 {
		font-size:30px;
	}
	.tc-portfolio-body h5 {
		font-size:24px;
	}
	.tc-portfolio-body h6 {
		font-size:20px;
	}
	.tc-portfolio-body p, .tc-portfolio-body span {
		font-size:16px;
	}
}
@media only screen and (max-width:767px){
	.tc-portfolio-body h1 {
		font-size:48px;
	}
	.tc-portfolio-body h2 {
		font-size:36px;
	}
	.tc-portfolio-body h3 {
		font-size:30px;
	}
	.tc-portfolio-body h4 {
		font-size:24px;
	}
	.tc-portfolio-body h5 {
		font-size:20px;
	}
	.tc-portfolio-body h6 {
		font-size:16px;
	}
}
@keyframes slideInTop {
  0% {
    transform: translateY(-50%);
	opacity:0;
  }
  66%{
	  opacity:0;
  }
  100% {
    transform: translateY(0);
	opacity:100;
  }
}