/* Weights - 400/700 */
html {
  font-family: proxima-nova, sans-serif;
  color: var(--gray);
  line-height: 1.2; 
  font-weight: 400;
  font-style: normal;
  font-size: 100%; 
  letter-spacing: 1px;
}

strong {
  font-weight: 600;
}

/* Global Links
---------------------------------- */

a {
  color: #163c66;
  text-decoration: none; 
}
  
a:focus, 
a:hover {
  color: #00af41;  
  color: var(--green);
  outline: none;
  text-decoration: none; 
}

/* Firefox Seleted Text
------------------------------------ */

*::-moz-selection,
*::selection {
  background: var(--green);
  color: #fff; 
}


/* Headings - 400/700
------------------------------------ */


h1, 
h2  {
  font-size: 180%;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: .5em;
  font-weight: 400;
  color: #357fae;
  color: var(--blue); 
}
h1 em, 
h2 em {
  font-weight: 400;
}
h3 {
  font-size: 1.7rem;
	margin-bottom: .8rem;
  line-height: 1.1;
}
h4 {
	font-size: 1.7rem;
  font-weight: 700;
	margin-bottom: .7rem;
}
@media only screen and (min-width: 740px)  { 
  h1 { font-size: 220%; } 
  h2 { font-size: 140%; } 
  h3 { font-size: 120%; } 
}
@media only screen and (min-width: 1000px)  { 
  h1 { font-size: 250%; } 
  h2 { font-size: 160%; } 
  h3 { font-size: 140%; }         
}
@media only screen and (min-width: 1200px)  { 
  h1 { font-size: 300%; }
  h2 { font-size: 180%; }   
  h3 { font-size: 160%; }       
}
@media only screen and (min-width: 1400px)  { 
  h1 { font-size: 320%; } 
  h2 { font-size: 200%; }  
  h3 { font-size: 180%; }     
}



/* Text Elements
---------------------------------- */

p { 
	margin: 0 0 1em; 
}

p:last-child { 
  margin-bottom: 0; 
}

small { 
  font-size: .9em; 
  display: block; 
}
blockquote {
  font-weight: 300; 
}
strong { 
  font-weight: 700;
}
em { 
  font-style: italic;
}

/* Lists
---------------------------------- */
.main ul,
.main ol { 
  margin: 0 0 1.5em 1.5em;
}
.main li { 
  margin-bottom: .6em;
}
table {
  display: table;
  margin: 0 0 1.5em;
}
table td {
  padding: .5em;
}
table td:first-of-type {
  padding-left: 0;
}

.main blockquote { 
  font-style: italic;
  display: block;
  margin-bottom: 1.5em;
  font-weight: bold;
  font-size: 125%;
}
.main cite { 
  display: block;
  text-align: right;
  font-style: normal;
  font-size: 70%;
  font-weight: normal;
}


/* Icons
---------------------------------- */

@font-face {
  font-family: 'trilogyicons';
  src:  url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.eot');
  src:  url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.eot#iefix') format('embedded-opentype'),
    url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.woff2') format('woff2'),
    url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.ttf') format('truetype'),
    url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.woff') format('woff'),
    url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.svg#Trilogy-Icons') format('svg');
   }
   
.icons {
    font-family: 'trilogyicons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.icons.circle {
   background: var(--blue); 
   color: #fff;
   font-size: 16px;
   height: 16px;
   width: 16px;
   margin: 0 0 0 .25em;
   text-align: center;
   line-height: 16px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   padding: 10px;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out; 
}

.icons.circle:hover {
   color: #fff;
   background-color: var(--green);
   -moz-transform: scale(1.15);
   -webkit-transform: scale(1.15);
   -o-transform: scale(1.15);
   -ms-transform: scale(1.15);
   transform: scale(1.15);   
}