/* Created by Content Blocks */

.introtext {
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction:column;
    align-items: center;

    .display-2 {
    	font-size: 4.2vw !important;
    }
   	.intro-text {
   		max-width: 70%;
   	}
   	p {
   		font-size: 1.5vw;
   	}
   	@media screen and (min-width: 992px) {
	   	.intro-text {
	   		max-width: 62%;
	   	}
   	}
   @media screen and (min-width: 1200px) {
	   	.intro-text {
	   		max-width: 51%;
	   	}
	    p {
	    	font-size: 1.7vw;
	    }  	

	    .display-2 {
	    	font-size: 4.6vw !important;
	    }
   }

   @media screen and (min-width: 1680px) {
	    p {
	    	font-size: 1.5rem
	    }  	

	    .display-2 {
	    	font-size: 6rem !important;
	    }
   }

}

.intro-btn-group {
    width: 100%;
    .btn {
    	position: relative;
	    &:before {
	    	content: '';
	    	background: #14693c;
	    	display: block;
	    	position: absolute;
	    	top: 1px;
	    	bottom: 1px;
	    	left: 1px;
	    	right: 1px;
	    	width: calc(100% - 2px);
	    	height: calc(100% - 2px);
	    	clip-path: polygon(100% 0%, 15px 0, 0 15px, 0% 100%, calc(100% - 15px) 100%, 100% calc(100% - 15px));
	    }

	    .icontext {
		    z-index: 2;
		    display: inline-block;
		    color: #ffffff;
		    position: relative;
	    }

	    &.active,
	    &:hover {
	    	.icontext {
	    		color: #14693c;
	    	}
	    	

	    	 &:before  {
	    	 	background: #ffffff;
	    	 }
	    }
    }
}