/* Basic CSS resets -- levelling slight inconsistencies in browsers */
body {
  margin: 2px;
  padding: 3px;
  background-color: white; 
  font-family: 'SuisseIntl-Light', sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: .9px;
  line-height: 1.6;
}
        
a.body:link  {text-decoration: none; color: black;}
a.body:visited {text-decoration: none; color: black;}
a.body:hover {text-decoration: none; color: #ccc; cursor: e-resize;}
a.body:active {text-decoration: none; color: black;}

a.menu:link {text-decoration: none; color: black;}
a.menu:visited {text-decoration: none; color: black;}
a.menu:hover {text-decoration: none; color: #ccc;}
a.menu:active {text-decoration: none; color: white;}

@font-face {
  font-family: 'SuisseIntl';
  src: url('/fonts/SuisseIntl-Bold.ttf') format('ttf'),
       url('/fonts/SuisseIntl-Regular.ttf') format('ttf'),
       url('/fonts/SuisseIntl-Light.ttf') format('ttf');
  font-weight: 300, 400, 700; }

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/fonts/NeueHaasDisplay-Roman.woff2') format('woff2'),
       url('/fonts/NeueHaasDisplay-Roman.woff') format('woff'),
       url('/fonts/NeueHaasDisplay-Roman.ttf') format('ttf'),
       url('/fonts/NeueHaasDisplay-RomanItalic.woff2') format('woff2'),
       url('/fonts/NeueHaasDisplay-RomanItalic.woff') format('woff'),
       url('/fonts/NeueHaasDisplay-RomanItalic.ttf') format('ttf'),
       url('/fonts/NeueHaasDisplay-Bold.woff2') format('woff2'),
       url('/fonts/NeueHaasDisplay-Bold.woff') format('woff'),
       url('/fonts/NeueHaasDisplay-Bold.ttf') format('ttf'),
       url('/fonts/NeueHaasDisplay-BoldItalic.woff2') format('woff2'),
       url('/fonts/NeueHaasDisplay-BoldItalic.woff') format('woff'),
       url('/fonts/NeueHaasDisplay-BoldItalic.ttf') format('ttf'),
       url('/fonts/NeueHaasDisplay-Light.woff2') format('woff2'),
       url('/fonts/NeueHaasDisplay-Light.woff') format('woff'),
       url('/fonts/NeueHaasDisplay-Light.ttf') format('ttf'),
       url('/fonts/NeueHaasDisplay-LightItalic.woff2') format('woff2'),
       url('/fonts/NeueHaasDisplay-LightItalic.woff') format('woff'),
       url('/fonts/NeueHaasDisplay-LightItalic.ttf') format('ttf');
  font-weight: light, normal, bold;
  font-style: light, normal, bold;}
  
.indeximg { 
background-image: url(/imgs/focusgrid-loupe.jpg) ;
background-size: cover; 
background-position: center center;
background-attachment: fixed;
background-color: white;
height: 100% ;
width:  100% ;
}



.indexmenu {
text-align: left;
  margin: 2% 2% 2% 8%;
  line-height: 1.3;
  letter-spacing: .5px;
}


.marquee {
  color: #96F849;
  font-family: serif;
  font-size: 17px;
  font-weight: normal;   
}




h1{
font-family:'SuisseIntl-Bold', sans-serif;
font-size: 25px;
font-weight: 700;
letter-spacing: 1.2px;
display: inline;}

h2{
font-family: 'SuisseIntl-Bold', sans-serif;
font-size: 20px;
font-weight: 700;
letter-spacing: 1.2px;
display: inline;
 }
 
h3{
font-family:  'SuisseIntl-Bold', sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 1.2px;
}

h4{
font-family: 'SuisseIntl-Bold', sans-serif;
font-size: 16px;
font-weight: 700;
  letter-spacing: .9px;
  line-height: 1.6;
  display: inline;
}

h5{
font-family: 'SuisseIntl-Regular', sans-serif;
font-size: 16px;
font-weight: 400;
  letter-spacing: .9px;
  line-height: 1.6;
  display: inline;

}
h6{
font-family: 'SuisseIntl-Bold', sans-serif;
font-size: 13px;
font-weight: 700;
  letter-spacing: -.2px;
display: inline;
 }

/* "Mobile first" CSS: we'll design for phone sizes first, then add media queries for tablets and desktop computers later */

body {

	
}


#container {
	
}





/* ========================================
MEDIA QUERIES!
======================================== */

/* New CSS for tablet sizes.
You can change the pixel number below */
@media all and (min-width: 768px) {
	
	
	
	
} /* closes 768px+ */




/* New CSS for desktop sizes.
You can change the pixel number below */
@media all and (min-width: 1024px) {
	
	
	
	
} /* closes 1024px+ */