@font-face {
    font-family: 'Ubuntu';
    src: url('Ubuntu.otf');
    src: url('Ubuntu.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu.woff2') format('woff2'),
         url('Ubuntu.woff') format('woff'),
         url('Ubuntu.ttf') format('true-type'),
         url('Ubuntu.svg') format('svg');

    font-weight: normal;
    font-style: normal;

}




/* Phones and Tablets Mobile first */
    
   body, input { font-family: 'Ubuntu', sans-serif, normal, normal; line-height: 1.5em; color:#0033FF;}
    p { font-size: .9em; font-style: normal;  }
    cap { font-size: .7em; font-style: normal; line-height: .5em; margin-top: 5px; margin-bottom: 1.5;}
	blockquote { font-size: 1em; font-style: normal;   }

	em { font-size: .9em; font-style: italic;  }
	ul li { font-size: .9em; font-style: normal;  }
	h1 { font-size: .9em; font-weight: normal; text-decoration: underline; }
	h2 { font-size: 1em; font-weight: normal; }

	h3 { font-size: 1em; font-weight: normal; }
	h4 { font-size: 1em; font-weight: normal; }
	a { text-decoration: none; }
	
	a:hover,a:focus {
  display: inline;
  color:#0000ff;
  text-decoration:underline;

}

a:visited {
      color:#0000ff;
    text-decoration:underline;
}

	html, body {
	    height: 100%;
	    overflow-x: auto;
	    overflow-y: auto;
        margin: 0;
             background-color: #f5f3f0;

	}
	
	page {
	    display:block;
	    padding:0.5em 0.5em 0.5em 0.5em;
	    width:auto;
	}
	
	logo {
	    display:block;
	    width:93%;
	    padding-left: 1em;
	    padding-right:1em;
	}
	
	img {
	    max-width: 100%;
	       height: auto;
    margin: 1em;
	}
	
		figure {
	    display: inline-block;
	    max-width: 100vw;
	    margin: 0;
		}
	    	
	    figcaption > p {
	    font-size: .5em;
	    margin-left: 3em;
	    margin-top:-3em;
	
	}
   
   /* desktop */
@media only screen and (min-width: 743px) {


   
	html, body {
	    height: 100%;
	    overflow-x: auto;
	    overflow-y: auto;
        margin: 0;
	}
		logo {
	    display:block;
	    width:30%;
	    padding-left: 1em;
	    padding-right:1em;
	}
	
	figure {
	    display: inline-block;
	    max-width: 40vw;
	}
	
	figcaption > p {
	    font-size: .8em;
	    margin-left: 1.1em;
	    margin-top:-1.5em;
	}
	
	
	 img {
    max-width: 100%;
    height: auto;
    margin: 1em;
}

	page {
	    display:block;
	    padding: 0.5em 10em  0.5em 0.5em;
	    width:50%;
	}
   
    
}