@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap');
    body {font-family: 'Alegreya Sans', sans-serif; font-size: 21px; margin: 0; /* background-image: url('BG2.jpg'); */ background-size: cover; }
		h1 { font-weight: 600; font-size: 65px; margin-bottom: 15px; }
		h3 { color: #597bc7; font-size: 32px; text-transform: uppercase; margin: 5px; }
		
		
		.topDiag { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwSDBsMTI4MCAxNDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTEyODAgOThWMEgwbDEyODAgOTh6Ii8+PC9nPjwvc3ZnPg==); background-size: 100% 120px; top: 0; height: 120px; z-index: 1; transform: rotateY(180deg); }
	
.btmDiag { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDQydjk4aDEyODBMMCA0MnoiLz48L2c+PC9zdmc+); background-size: 100% 120px; bottom: 0; height: 120px; z-index: 1;	transform: rotateY(180deg); }


.topDiagFlat { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0xMjgwIDE0MFYwSDBsMTI4MCAxNDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTEyODAgOThWMEgwbDEyODAgOTh6Ii8+PC9nPjwvc3ZnPg==); background-size: 100% 120px; top: 0; height: 120px; z-index: 1; transform: rotateY(0deg); }
	
.btmDiagFlat { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMjBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDQydjk4aDEyODBMMCA0MnoiLz48L2c+PC9zdmc+); background-size: 100% 120px; bottom: 0; height: 120px; z-index: 1;	transform: rotateY(0deg); }

a:link {color:#0083ff; text-decoration:none; }
a:visited {color:#0083ff; text-decoration:none;}
a:hover {color:#0083ff; text-decoration: underline;}
a:active {color:#0083ff; text-decoration:none;}

a.navigation:link {color:#FFF; text-decoration:none;}
a.navigation:visited {color:#FFF; text-decoration:none;}
a.navigation:hover {color:#FFF; text-decoration: underline;}
a.navigation:active {color:#FFF; text-decoration:none;}

a.footerNav:visited {
	color:#FFF;
	text-decoration: none;
}
a.footerNav:hover {
	color: #FFF;
	text-decoration: none;
}
a.footerNav:active {
	color:#FFF;
	text-decoration: none;
}
a.footerNav:link {
	text-decoration: none;
	color:#FFF;
}

		.ttContainer {
    background-color: #96daf9;
    clear: both;
    /* background-image: url('/jt_class4.jpg'); */
			background-image: url('/jt_classNew.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
		min-height: 500px;
}



		
	/*	 * {
            box-sizing: border-box;
        } */

        .container .gallery a img {
            float: left;
            width: 25%;
            height: auto;
            border: 2px solid #fff;
            -webkit-transition: -webkit-transform .15s ease;
            -moz-transition: -moz-transform .15s ease;
            -o-transition: -o-transform .15s ease;
            -ms-transition: -ms-transform .15s ease;
            transition: transform .15s ease;
            position: relative;
			padding: 015px;
        }

        .clear {
            clear: both;
        }

        a {
            color: #009688;
            text-decoration: none;
        }

        a:hover {
            color: #01695f;
            text-decoration: none;
        }


.footer { height: 310px; background-color: #597bc7; width: 100%; text-align: center; padding-top: 20px; font-size: 16px; color: #fff; border-top: #fff solid 1px; }
.btmBar { height: 15px; background-color: #272727; width: 100%; color: #272727; }
.colThree { width: 90%; float: left; padding: 15px 5%; text-align: center; }
.colThreeB { width: 55%; float: left; padding: 15px 5%; text-align: center; }
.colThreeC { width: 25%; float: left; padding: 15px 10% 15px 0; text-align: center; }
.colRight { width: 40%; float: left; padding: 75px 1% 15px 4%; }
.headshotImage { max-width: 500px; width: 100%; height: auto; position: relative; top: -160px; }
.digContainter { width: 100%; background-color: #efefef; position: relative; top: -170px; }
.colLeft { width: 50%; float: left; padding: 15px 1% 15px 4%; text-align: left; }
.headerContainer { text-align: center; background-color: #bcddfc; padding-top: 35px; }
.address { text-align: center;  font-size: 25px; } 

.testi{ background-color: #bcddfc; width: 60%; text-align: center; position: relative; top: -160px; padding: 80px 20%; background-image: url('bg.gif'); background-size: cover; font-size: 28px; }

.fees{ background-color: #bcddfc; width: 70%; text-align: center; position: relative; padding: 80px 15%; background-image: url('bg.gif'); background-size: cover; font-size: 28px; }

.topperHead { font-size: 48px; padding: 0 10%; }
.topperLeft { width: 30%; margin: 0 5% 0 15%; float: left; text-align: left; font-size: 26px; font-weight: bold; line-height: 34px;}
.topperRight { width: 30%; margin: 0 12% 0 8%; float: left; text-align: left; font-size: 26px; font-weight: bold; line-height: 34px;}

/*** TABLET USAGE ***/
@media only screen and (min-width: 751px) and (max-width: 1350px) {
	
	.colLeft { width: 90%; }
	.colRight { width: 90%; padding: 15px 0% 15px 10%; }
	.topperLeft {
    width: 40%;
		margin: 0 5% 0 5%; }
	
	.topperRight {
    width: 40%;
		margin: 0 5% 0 5%; }
	
.footer { height: 310px; }
}


/*** MOBILE USAGE ***/
@media only screen and (min-width: 300px) and (max-width: 750px) {
	
	body { font-size: 18px; }
	h1 { font-size: 30px;}
	.colLeft { width: 94%; padding: 15px 3% 15px 3%;  }
	.colRight { width: 90%; padding: 15px 0% 15px 10%; }
	
		.topperLeft { width: 90%; margin: 0 5%; float: left; text-align: left; }
.topperRight { width: 90%; margin: 0 5%; float: left; text-align: left; }
	
	.footer { height: 310px; }
	
	.topperHead { font-size: 22px;
    padding: 0 5%;}
.topperLeft { font-size: 19px; line-height: 32px; }
.topperRight { font-size: 19px; line-height: 32px; }
	.address {font-size: 19px; }
	
	.colThreeB { width: 90%; float: left; padding: 15px 5%; text-align: center; }
.colThreeC { width: 90%; float: left; padding: 15px 5%; text-align: center; }

}