/* Enter Your Custom CSS Here */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?994rbf');
  src:  url('fonts/icomoon.eot?994rbf#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?994rbf') format('truetype'),
    url('fonts/icomoon.woff?994rbf') format('woff'),
    url('fonts/icomoon.svg?994rbf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-top:before {
  content: "\e900";
}
.icon-top{
  margin-top: 12px;
  margin-left: 6px;
  font-size: 0.8em;
}

.header-image {
  margin-top: -150px;
}

.go-top.show {
  border-radius: 0;
}

.site-logo {
	width: 120px;
}
.site-title {
  font-weight: 200;
  letter-spacing: 10px;
  margin-bottom: 40px;
}
.site-description {
	margin: 15px 300px;
  	letter-spacing: 6px;
}
.site-header.float-header {
	background-color: transparent;
}
#pg-2-0 div, #pg-2-1 div, #pg-2-2 div, #pg-2-3 div {
  padding-top: 20px;
}

@media only screen and (max-width: 1199px) { 
		.site-description {
			margin: 15px 200px;
		}
}
@media only screen and (max-width: 991px) { 
		.site-description {
			margin: 15px 100px;
		}
}
@media only screen and (max-width: 991px) { 
		.site-description {
			margin: 15px 100px;
        }
    	.header-image {
           margin-top: 0px;
		}
}
@media only screen and (max-width: 724px) { 
		.site-description {
			margin: 15px 50px;
		}
       
}
@media only screen and (max-width: 690px) { 
		.site-logo {
			width: 80px;
    		margin-top: 45px;
  		}
    	.site-title {
  			font-size:38px;
    		margin-top: 52;
		}
  		.site-description {
			margin: 15px 80px;
    		font-size: 30px;
    		letter-spacing: 3px;
		}
  		.header-inner {
			max-width: 150%;
    		max-height: 100%;
    		margin-left: -30%;
    		padding-right: -30%;
		}
  		h3 {
    		font-size: 25px;
  		}
  		.pg-2-4 div{
    		display: inline-block;
  		}
}
@media only screen and (max-width: 609px) { 
		.site-description {
			margin: 15px 60px;
		}
}
@media only screen and (max-width: 569px) { 
		.site-description {
			margin: 15px 40px;
		}
}
@media only screen and (max-width: 529px) { 
		.site-description {
			margin: 15px 10px;
		}
}
@media only screen and (max-width: 477px) { 
		.site-description {
			letter-spacing: 2px;
    		font-size: 28px;
		}
  		.site-title {
    		letter-spacing: 8px;
		}
}
@media only screen and (max-width: 444px) { 
		.site-description {
			margin: 15px 0px;
		}
  		#pg-2-0 div, #pg-2-1 div, #pg-2-2 div, #pg-2-3 div {
  			padding-top: 0px;
		}

}
@media only screen and (max-width: 433px) { 
		.site-description {
			margin: 15px 0px;
    		font-size: 26px;
		}
  		.site-title {
    		letter-spacing: 7px;
    		font-size: 36px;
    		margin-top: 50px;
    		margin-bottom: 20px;
		}
        body {
    		font-size: 16px;
    		letter-spacing: 4px;
        }

}
@media only screen and (max-width: 400px) { 
  		.site-title {
    		letter-spacing: 6px;
    		font-size: 34px;
		}
  		.tnp-email {
    		width: 250px;
  		}
}
@media only screen and (max-width: 339px) { 
  		.site-title {
    		letter-spacing: 5px;
    		font-size: 30px;
    		margin-top: 40px;
    		margin-bottom: 10px;
		}
 		 .site-description {	
    		font-size: 22px;
		}
  		.tnp-email {
    		width: 210px;
  		}
}