/* Table of Content
==================================================
	#Site Variables
	#Site Styles
	#UIKit Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	

/* #Site Variables
================================================== */
:root {
  --primary: #1E294A;
  --secondary: #F0C660;
  --dirt: #A38660;
  --chambray: #334DA1;
  --prairie: #9D9F84;
  --light: #F5F5F5;
  --dark: #000000;
  --white: #ffffff;
  --text: #1E294A;
  --navigation: #ffffff;
  
  --primary-font: "Work Sans", sans-serif;
  --secondary-font: "Fraunces", serif;
  --tertiary-font: "Barlow", sans-serif;
}


/* #Site Styles
================================================== */
*				{ outline:none; }
html, body		{ color:var(--text); font-size:16px; font-weight:400; font-family:var(--primary-font); line-height:1.25rem; }

.aligncenter 	{ text-align:center; }
.alignleft		{ text-align:left; }
.alignright		{ text-align:right; }
	img.aligncenter { float:none; display:block; margin:0 auto 15px; }
	img.alignleft	{ float:left; margin-right:15px; }
	img.alignright	{ float:right; margin-left:15px; }

.w900 			{ font-weight:900; }
.w800			{ font-weight:800; }
.w700			{ font-weight:700; }
.w600			{ font-weight:600; }
.w500			{ font-weight:500; }
.w400			{ font-weight:400; }
.w300			{ font-weight:300; }
.w200			{ font-weight:200; }
.w100			{ font-weight:100; }

.font6			{ font-size:0.625em; }
.font7			{ font-size:0.750em; }
.font8			{ font-size:0.875em; }
.font10			{ font-size:1.0em; }
.font12			{ font-size:1.2em; }
.font13			{ font-size:1.3em; }
.font15			{ font-size:1.5em; }
.font18			{ font-size:1.8em; }
.font20			{ font-size:2.0em; }
.font25			{ font-size:2.5em; }
.font30			{ font-size:3.0em; }
.font35			{ font-size:3.5em; }
.font40			{ font-size:4.0em; }
.font45			{ font-size:4.5em; }

.s1				{ letter-spacing:1px; }
.s2				{ letter-spacing:2px; }
.s3				{ letter-spacing:3px; }
.s4				{ letter-spacing:4px; }
.s5				{ letter-spacing:5px; }
.s6				{ letter-spacing:6px; }
.s7				{ letter-spacing:7px; }
.s8				{ letter-spacing:8px; }

.lh0			{ line-height:1em; }
.lh1			{ line-height:1.1em; }
.lh2			{ line-height:1.2em; }
.lh3			{ line-height:1.3em; }
.lh4			{ line-height:1.4em; }
.lh5			{ line-height:1.5em; }
.lh8			{ line-height:1.8em; }
.lh20			{ line-height:2.0em; }
.lh25			{ line-height:2.5em; }

h1, h2, h3, h4, h5, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5	{ font-family:var(--secondary-font); font-weight:400; color:inherit; line-height:1.1em; text-transform:inherit; }

h1, .uk-h1 	{ font-size:3.850em; }
h2, .uk-h2 	{ font-size:3.000em; }
h3, .uk-h3 	{ font-size:2.250em; }
h4, .uk-h4 	{ font-size:1.650em; font-family:var(--tertiary-font); font-weight:500; text-transform:uppercase; }
h5, .uk-h5 	{ font-size:1.250em; font-family:var(--tertiary-font); font-weight:500; text-transform:uppercase; }

h3 > em 	{ font-family:var(--secondary-font); font-weight:300; text-transform:none !important; }

p			{ font-size:1.00em; }

b, strong, .uk-text-bold	{ font-weight:700; }

a, .uk-link		{ color:inherit; }
	a:hover, .uk-link:hover { color:inherit; text-decoration:underline; }

em 			{ color:inherit; }

blockquote	{ font-style:normal; color:inherit; }
	blockquote cite { font-style:normal; }

.font-secondary { font-family:var(--secondary-font); }
.font-tertiary { font-family:var(--tertiary-font); }

/* #UIKit Styles
================================================== */
.uk-container-alt { padding:0 3%; }

.uk-text-contrast { color:var(--white) !important; }
.uk-text-prairie { color:var(--prairie); }
.uk-text-chambray { color:var(--chambray); }

.uk-background-secondary, .uk-section-secondary { color:var(--primary) !important; }
.uk-background-dark, .uk-section-dark { background-color:var(--dark); color:var(--white); }

.uk-button { border-radius:1.5rem; background-color:var(--dark); border:2px solid var(--dark); text-transform:uppercase; color:var(--white); font-family:var(--tertiary-font); font-size:.875rem; font-weight:500; padding:.75rem 1rem; line-height:1rem; min-width:200px; }
	.uk-button-primary { border-color:var(--primary); background-color:var(--primary); color:var(--white); }
	.uk-button-primary.alt { background:none; color:var(--primary); }
	.uk-button-secondary { border-color:var(--secondary); background-color:var(--secondary); color:var(--primary); }
	.uk-button-secondary.alt { background:none; color:var(--secondary); }
	.uk-button-contrast { background-color:var(--white); border-color:var(--white); color:var(--primary); }
	.uk-button-contrast.alt { background:none; color:var(--white); }
	
	.uk-button-primary:hover, .uk-button-primary.uk-active, .uk-button-primary:active { background:var(--primary); color:var(--white); }
	.uk-button-secondary:hover, .uk-button-secondary:active { background:var(--secondary); color:var(--primary); }
	.uk-button-contrast.alt:hover, .uk-button-contrast.alt:active { background:var(--white); color:var(--primary); }
	
	.uk-button::after { display:inline-block; margin-left:-10px; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-weight:500; content: "\f061"; opacity:0; transition: all 0.3s ease-in-out; }
	.uk-button:hover::after { margin-left:5px; margin-right:-5px; opacity:1; }

.uk-overlay-primary { background-color:rgba(30,41,74,.6); }
.uk-overlay-secondary { background-color:rgba(30,41,74,.8); }
.uk-overlay-gradient { background: #1E294A; background: linear-gradient(180deg, rgba(30, 41, 74, 0) 0%, rgba(30, 41, 74, 1) 100%); }

.uk-card-border { border:1px solid var(--primary); }
.uk-card-press { border:1px solid var(--white); transition: all 0.3s ease-in-out; }
	.uk-card-press:hover { background:var(--white); color:var(--primary); }

/* #Page Styles
================================================== */

.header { position:relative; padding:10px 0; }
	.header .logo { width:250px; }

	.header .uk-navbar-nav>li>a { font-family:var(--tertiary-font); font-size:1rem; font-weight:500; color:var(--white) !important; }

	.header .utl { border-bottom:1px solid #6D6E71; padding-bottom:5px; font-size:.75rem; color:var(--white); }
	.header .utl a { color:var(--secondary); transition: all 0.3s ease-in-out; }
	.header .utl a:hover { text-decoration:underline; color:var(--secondary); }
	.header .utl .uk-subnav a { text-transform:none; font-size:.75rem; color:var(--white) !important; transition: all 0.3s ease-in-out; }
	.header .utl .uk-subnav a:hover { color:var(--secondary) !important; text-decoration:none; }
	
	.header .uk-button-contrast.alt:hover { color:var(--primary) !important; }
	
	.sub-nav { border-top:1px solid var(--white); margin-top:-10px; padding-top:5px; }
	.header .sub-nav .uk-navbar-nav>li>a { font-size:.875em; min-height:40px; }
	.header .sub-nav .uk-navbar-nav>li.uk-active>a { font-weight:700; }
	
	.header .uk-navbar-toggle { min-height:40px; }
	
	.header.uk-active .utl { display:none; }

.fullscreen-panel { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; background: var(--primary); color: var(--white); overflow: hidden; transition: top 0.6s ease; z-index: 9999; }
	.panel-content { opacity: 0; transition: opacity 0.8s ease; padding:20px; }
	.fullscreen-panel.active { top: 0; }
	.close-btn { font-size: 2rem; background: none; border: none; color: var(--white); cursor: pointer; z-index: 10000; transition: color 0.3s ease; }
	.close-btn:hover { color:var(--secondary); }
	.fullscreen-panel.active .panel-content { opacity: 1; }

.mobile-nav { margin:50px 0 150px; padding:0; list-style:none; }
	.mobile-nav li { margin:0 0 20px; }
	.mobile-nav a { color:var(--white); font-family:var(--tertiary-font); font-size:1.5em; line-height:1em; text-transform:uppercase; }
	
.mobile-extra-nav { list-style:none; padding:0; margin:25px 0; }
	.mobile-extra-nav li { margin:10px 0; }
	.mobile-extra-nav a { color:var(--white); }

.hero {}
	.hero-overlay { width:25%; height:100%; position:absolute; top:0; left:-1px; clip-path: polygon(0 0, 0% 100%, 100% 0); background:var(--dark); }
	.hero-overlay.dirt { background:var(--dirt); }
	.hero-overlay.prairie { background:var(--prairie); }
	.hero-overlay.chambray { background:var(--chambray); }
	.hero-overlay.secondary { background:var(--secondary); }
	.hero-overlay.gray { background:#6D6E71; }
	.hero-overlay.gray2 { background:#E1E1E2; }
	.hero-overlay.toupe { background:#FBF3DE; }
	
	.hero-content { max-width:465px; position:relative; z-index:1; }

.bg-chambray { background-color:var(--chambray); color:var(--white); }
.bg-prairie { background-color:var(--prairie); }
.bg-dirt { background-color:var(--dirt); }
.bg-secondary { background-color:var(--secondary); }
.bg-gray { background:#6D6E71; }
.bg-gray2 { background:#E1E1E2; }
.bg-toupe { background:#FBF3DE; }
.bg-not-chambray { background: linear-gradient(to bottom, #334DA1, #0A1B4D); color: var(--white); }
.bg-gray-gradient { background: #6D6E71; background: linear-gradient(180deg,rgba(109, 110, 113, 1) 0%, rgba(78, 83, 98, 1) 100%); }
.bg-brown-gradient { background: #A38660; background: linear-gradient(180deg,rgba(163, 134, 96, 1) 0%, rgba(111, 97, 88, 1) 100%); }
.bg-history { background: #6E6157; background: linear-gradient(90deg,rgba(110, 97, 87, 1) 0%, rgba(157, 158, 132, 1) 100%); }

.sub-section-title { font-family: var(--tertiary-font); font-size:1.2em; font-weight:400; text-transform:uppercase; }
	.sub-section-title .uk-container > div { padding-bottom:10px; border-bottom:1px solid var(--text); }
	.uk-text-contrast .sub-section-title .uk-container > div { border-color:var(--white); }
	
	.sub-section-title.uk-active { background:var(--primary); }

.overlay { position:absolute; height:100%; background:var(--dark); }
	
	.overlay.uk-position-top-left:after { content:''; width:25%; height:100%; position:absolute; top:0; left:100%; clip-path: polygon(0 0, 0% 100%, 100% 0); background:var(--dark); }
	.overlay.uk-position-top-right:after { content:''; width:25%; height:100%; position:absolute; top:0; right:100%; clip-path: polygon(100% 0, 0% 100%, 100% 100%); background:var(--dark); }

	.overlay.dirt, .overlay.dirt:after { background:var(--dirt); }
	.overlay.chambray, .overlay.chambray:after { background:var(--chambray); }
	.overlay.prairie, .overlay.prairie:after { background:var(--prairie); }
	.overlay.secondary, .overlay.secondary:after { background:var(--secondary); }
	.overlay.toupe, .overlay.toupe:after { background:#FBF3DE; }
	.overlay.gray, .overlay.gray:after { background:#6D6E71; }
	.overlay.gray2, .overlay.gray2:after { background:#E1E1E2; }

.border-lines { position:relative; height:30px; }
	.border-lines::before { content: ""; position: absolute; top:15px; left: 0; width: 100%; height: 30px; background-image: repeating-linear-gradient(-70deg, var(--primary) 11px, var(--primary) 12px, transparent 13px, transparent 25px); transform: translateY(-50%); z-index: 1; }
	.border-lines.contrast::before { background-image: repeating-linear-gradient(-60deg, var(--white) 11px, var(--white) 12px, transparent 13px, transparent 25px); }
	.border-lines.secondary::before { background-image: repeating-linear-gradient(-60deg, var(--secondary) 11px, var(--secondary) 12px, transparent 13px, transparent 25px); }

.title { position:relative; }
	.title:before { content:''; position:absolute; width:9000px; height:1px; background:var(--primary); top:25px; left:-9050px; }
	.title:after { content:''; position:absolute; width:9000px; height:1px; background:var(--primary); top:35px; left:-9090px; }
	
	.title.contrast:before, .title.contrast:after { background:var(--white); }

.steps {}
	.steps.uk-grid-divider>:not(.uk-first-column)::before { border-color:var(--secondary); border-width:1.5px; transform:rotate(15deg) }
	.steps.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before { border-color:var(--secondary); }

.letter { height:250px; }
.letter, .text-block { opacity: 0.3; transition: opacity 0.5s ease; }
.letter.active, .text-block.active { opacity: 1; }

.learn-more-list { font-family:var(--tertiary-font); text-transform:uppercase; font-weight:600; font-size:1.3rem; color:var(--white); }
	.learn-more-list.uk-list-divider>:nth-child(n+2) { margin-top:15px; padding-top:15px; }
	.learn-more-list a { color:inherit; position:relative; display:block; }
	.learn-more-list a:hover { text-decoration:none; }

	.learn-more-list a .arrow { position:absolute; top:0; right:0; border:2px solid var(--white); border-radius:15px; font-size:.8rem; text-transform:capitalize; height:26px; width:26px; display:flex; align-items:center; justify-content:center; transition: all 0.3s ease-in-out; }
	.learn-more-list a .arrow i { font-size:1.2em; }
	.learn-more-list a .arrow .text { display:none; margin-right:5px; opacity:0; }
	.learn-more-list a:hover .arrow { padding:0 15px; justify-content:flex-end; min-width:80px; }
	.learn-more-list a:hover .arrow .text { display:inline-block; opacity:1; }

.listing { border-bottom:1px solid #ddd; padding:25px; }

.scrolling-text { list-style:none; padding:0; margin:0; display:flex; gap:20px; font-family:var(--tertiary-font); text-transform:uppercase; font-weight:500; font-size:1.8rem; width:9999px; }
	.scrolling-text li { position:relative; padding:0 25px; }
	.scrolling-text li::after { content: ""; position: absolute; top:12px; right:-19px; width:15px; height:25px; background-image: repeating-linear-gradient(-70deg, var(--chambray) 11px, var(--chambray) 12px, transparent 13px, transparent 24px); transform: translateY(-50%); z-index: 1; }

.ordered-list { list-style:none; font-family:var(--tertiary-font); text-transform:uppercase; padding:0; font-weight:500; font-size:1.3em; border-top:1px solid rgba(255,255,255,0.4); }
	.ordered-list li { border-bottom:1px solid rgba(255,255,255,0.4); padding:15px 0; line-height:1em; }

.photo-border { position:relative; display:inline-block; }
	.photo-border::after { content: ""; position: absolute; bottom:-25px; right:-50px; width:250px; height:25px; background-image: repeating-linear-gradient(-70deg, var(--secondary) 11px, var(--secondary) 12px, transparent 13px, transparent 24px); transform: translateY(-50%); z-index: 1; }

.footer {}
	.footer .uk-nav>li>a { color:var(--white); font-family:var(--tertiary-font); text-transform:uppercase; }
	.footer ul.uk-nav-sub { padding-left:0; padding-top:0; line-height:1.3em; }
	.footer .uk-nav-sub a { color:var(--white); font-family:var(--primary-font); font-size:.75em; padding:0; }
	.footer .content a { text-decoration: underline; }
	.footer .content a:hover { text-decoration:none; }
	
.special-overlay1 { width:20%; height:100%; position:absolute; top:1px; right:-1px; clip-path: polygon(100% 100%, 100% 0, 0 100%); background:var(--chambray); }
.special-overlay2 { width:13.25%; height:100%; position:absolute; top:0; left:0; clip-path: polygon(0 0, 0% 100%, 100% 0); background:var(--prairie); }

.team-member { color:#6D6E71; transition: all 0.3s ease-in-out; position:relative; }
	.team-member i { opacity:0; transition: all 0.2s ease-in-out; }
	.team-member:hover { color:var(--primary); }
	.team-member:hover i { opacity:1; }

.photo-overlay { width:50px; height: 100%; position: absolute; top:0; left:0; clip-path: polygon(0 0, 0% 100%, 100% 0); background: var(--white); }

.lightening-list { list-style: none; padding-left: 0; margin-top: 1em; }
.lightening-list.alt, .lightening-list.alt li { color: #fff; }
.lightening-list li { position: relative; padding-left: 1.5em; margin-bottom: 0.3em; font-weight: 500; }
.lightening-list li::before { content: "//"; position: absolute; left: 0; top: 0; color: #f0c660; font-weight: 500; }

/* Hide the default UIkit */
.ipi-accordion > li > a.uk-accordion-title::before { display: none; }
.ipi-accordion > li > a.uk-accordion-title { display: flex; align-items: center; justify-content: space-between; }
.ipi-accordion .accordion-arrow { font-size: 18px; color: #1e294a; transition: transform 0.3s ease, color 0.3s ease; cursor: pointer; display: flex; align-items: center; }
/* Rotate Arrow */
.ipi-accordion > li.uk-open > a > .accordion-arrow { color: #a38660; transform: rotate(180deg); }
/* Dividers */
.ipi-accordion > li { border-bottom: 1px solid #124; padding-bottom: 1.2rem; margin-bottom: 1rem; }
.ipi-accordion.alt > li { border-color:var(--white); }
/* Remove divider on last item */
.ipi-accordion > li:last-child { border-bottom: none; margin-bottom: 0;  padding-bottom: 0; }
.ipi-accordion > li > .uk-accordion-content > p { margin-top: 0.20rem; }

.info-box { position: relative; border: 2px solid var(--primary); background-size: cover; background-position: center; height: 300px; overflow: hidden; color:var(--white); }
.info-box::before { content:''; position: absolute; inset: 0;  background-color:var(--primary); opacity: 0.6; z-index: 0; }
.info-box-base, .info-box-overlay { position: absolute; inset: 0; padding: 1.5rem; display: flex; flex-direction: column; }
.info-box-base { z-index: 1; }
.info-box-overlay { background-color:var(--white); color: var(--primary); z-index: 2; clip-path: inset(0 0 0 0); transition: clip-path 0.6s ease; }
.info-box:hover .info-box-overlay { clip-path: inset(0 0 0 100%); }
.info-box-content { flex-grow: 1; }
.info-box a { font-weight:500; margin-top: auto; display: inline-flex; align-items: center; gap: 0.3em; text-decoration: none; color: inherit; }
.info-box h3 { margin: 0 0 0.5rem 0; }
.info-box p { margin: 0; }

.text-link::after { display:inline-block; margin-left:-10px; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-weight:500; content: "\f061"; opacity:0; transition: all 0.3s ease-in-out; }
.text-link:hover { text-decoration: none; }
.text-link:hover::after { margin-left:5px; margin-right:-5px; opacity:1; }
.info-box:hover .text-link::after, .uk-card:hover .text-link::after, .uk-cover-container:hover .text-link::after { margin-left:5px; margin-right:-5px; opacity:1; }

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea { border:1px solid #e5e5e5; font-family:var(--primary-font); }

.gform_wrapper.gravity-theme .gfield select {
	max-width: 100%;
	width: 100%;
	height:40px;
	border-radius:0;
	border: 0 none;
	padding: 0 10px;
	background: #fff;
	color: #666;
	border: 1px solid #e5e5e5;
	transition: .2s ease-in-out;
	transition-property:color, background-color, border;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 20px;
	font-family:var(--primary-font);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
	background-repeat: no-repeat;
	background-position:100% 50%
}
.gform_wrapper.gravity-theme .gfield select option { color:#666; font-family:var(--primary-font); }

.gform_button { border-radius:1.5rem; background-color:var(--primary); border:2px solid var(--dark); text-transform:uppercase; color:var(--white); font-family:var(--tertiary-font); font-size:.875rem; font-weight:500; padding:.75rem 1rem; line-height:1rem; min-width:200px; }

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.intranet-nav { background:var(--white) !important; border:1px solid var(--primary); border-radius:50px; margin-bottom:50px; }
.intranet-nav .uk-navbar-nav>li>a { font-family:var(--tertiary-font); font-weight:500; color:var(--primary); min-height:50px; }
.intranet-nav .uk-navbar-dropdown { box-shadow:none; border-bottom:1px solid var(--primary); border-left:1px solid var(--primary); border-right:1px solid var(--primary); }
.intranet-nav .uk-navbar-dropdown-nav>li>a { color:var(--primary); }

/* #Media Queries
================================================== */
	@media only screen and (max-width: 1220px) {
		h1, .uk-h1 	{ font-size:3.500em; }
		h2, .uk-h2 	{ font-size:2.750em; }
		h3, .uk-h3 	{ font-size:2.000em; }
		h4, .uk-h4 	{ font-size:1.650em; }
		h5, .uk-h5 	{ font-size:1.250em; }
		
		.header .logo { width:185px; }
		.header .uk-navbar-nav>li>a { font-size:.8rem; }
		.header .sub-nav .uk-navbar-nav>li>a { font-size:.7em; min-height:30px; }

	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		h1, .uk-h1 	{ font-size:3.000em; }
		h2, .uk-h2 	{ font-size:2.500em; }
		h3, .uk-h3 	{ font-size:2.000em; }
		h4, .uk-h4 	{ font-size:1.650em; }
		h5, .uk-h5 	{ font-size:1.250em; }

		.hero-overlay { width:100%; height:100px; clip-path: polygon(0 100%, 0 0, 100% 100%); top:auto; bottom:0; }
		.hero-content { padding:0 15px; max-width:100%; }
		
		.title { position:relative; padding-top:25px; }
			.title:before { top:0; left:-8900px; }
			.title:after { top:10px; left:-8940px; }
			
		.special-overlay1 { width:100%; height:50px; top:0; right:0; clip-path: polygon(100% 0, 100% 100%, 0 0); }
		.special-overlay2 { width:100%; height:50px; top:0; right:0; clip-path: polygon(100% 0, 100% 100%, 0 0); }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		h1, .uk-h1 	{ font-size:2.800em; }
		h2, .uk-h2 	{ font-size:2.000em; }
		h3, .uk-h3 	{ font-size:1.750em; }
		h4, .uk-h4 	{ font-size:1.500em; }
		h5, .uk-h5 	{ font-size:1.250em; }
		
		.uk-button  { width:100%; }
		
		*+.uk-grid-margin-large, .uk-grid+.uk-grid-large, .uk-grid+.uk-grid-row-large, .uk-grid-large>.uk-grid-margin, .uk-grid-row-large>.uk-grid-margin { margin-top:30px; }
		
		.letter { height:200px; }	
		
		.scrolling-text { font-size:1.3rem; }
		
		.photo-border::after { right:0; }
		
		.info-box { height:175px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */
		
/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/