/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('../fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

body {
background:linear-gradient(#fff,#e7feff, #fff);
font-size:100%;
color:#313131;
font-family: 'Lato', sans-serif;
margin: 0em;
padding:0em;
}


hr{
border-top:solid 1px #e6e6e6;
border-bottom:solid 0px #e6e6e6;
}


#explain{
display:block;
padding:1em;
margin-bottom:1em;
margin-top:2em;

}


h1{
letter-spacing:0.08em;
font-weight:300;
color:#1d1d1b;
}

.light{
font-size:100%;
font-weight:normal;
}

h1-2{
letter-spacing:0.0em;
font-weight:300;
color:#1d1d1b;
}

.light{
font-size:60%;
font-weight:normal;
}

h2 {
margin-left:0.2em;
margin-right:0.3em;
margin-top:0.4em;
margin-bottom:0.3em;
line-height:1.4em;
letter-spacing:0.01em;
color:#1d1d1b;

}

p {
font-family: 'Lato', sans-serif;
font-weight:300;
margin-left:0.4em;
margin-right:0.3em;
margin-top:0.3em;
margin-bottom:0.3em;
line-height:1.4em;
letter-spacing:0.01em;
}

li {
font-family: 'Lato', sans-serif;
font-weight:300;
margin-left:0.4em;
margin-right:0.3em;
margin-top:0.3em;
margin-bottom:0.3em;
line-height:1.4em;
letter-spacing:0.01em;
}

p2 {
font-size:130%;
font-family: 'Lato', sans-serif;
font-weight:300;
margin-left:0.2em;
margin-right:0.3em;
margin-top:0.1em;
margin-bottom:0.3em;
line-height:1.4em;
letter-spacing:0.01em;
}




.special{
font-size:120%}

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

a.cta{
text-decoration:none;
color:#fff;
}

img{
width:100%;
height:auto;
max-width:100%;
margin:0em;

}

.outline{
border:solid 1px #e6e6e6;
}

.logo{
width:10%;
height:auto;
max-width:100%;
margin:0em;
}


header  {
display: block;
text-align:center;
}



#main {
display:block;
width: 90%;
max-width:1200px;
min-width:600px;
margin:auto;
padding:0em;
}

article{
display: inline-block;
width: 66%;
vertical-align: top;
margin-left:0.3em;
margin-right:0em;
}


aside{
display: inline-block;
width: 30%;
vertical-align: top;
margin-left:0.3em;
margin-right:0em;
}

/* Section */

section{
padding:0.5em;
margin-bottom:0.4em;
margin-right:0em;
border-radius:1px;
}

.normal{
background:#fff;
border:solid 1px #e6e6e6;
border-bottom:solid 4px #e6e6e6;
}

 .button {
    background-color: #0eb9c0; 
    border: none;
    border-radius: 0.5em;
    color: white;
    padding: 1em 1.5em;
    margin: 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    
}

.button a{color:#fff;}

/* Section END */


footer ul{
margin:0em;
padding:0.4em;

text-align: left;


}

footer ul li{
display:inline;
padding-right:1em;
padding-left:0em;

}



@media only screen and (max-device-width : 667px) and (orientation : portrait) {

body{
font-size:300%;
}

hr{
border-top:solid 3px #e6e6e6;
}

#explain{
font-size:80%;
}

#main{
width:100%;
max-width:100%;
}


#main article {
width:96%;
display:block;
margin:auto;
}

#main aside {
width:96%;
display:block;
margin:auto;
}

.normal{
border:solid 3px #e6e6e6;
border-bottom:solid 8px #e6e6e6;
}

.info{
border-bottom:solid 8px #399;
}

.yellow{
border-bottom:solid 8px #993;
}


.cta{
border-bottom:solid 8px #933;
}


img{
max-width:100%;
margin:0em;
border:solid 0px #e6e6e6;
}

footer ul{
margin-left:0.4em;
text-align: left;
line-height:300%;


}

footer ul li{
display:block;
}

}