@charset "utf-8";
/* CSS Document */
body, html {
    padding: 0;
    margin: 0;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
h1 {
	font-size: 1.6em; 
}
h2 {
	font-size: 1.4em; 
}
h3 {
	font-size: 1.2em; 
}
h4 {
	font-size: 1.14em; 
}
h5 {
	font-size: 1em; /*16px*/
}
h6 {
	font-size: 0.67em; /*11px*/
}
p {
	font-size: 0.8em; 
}
.demo img {
	width: 24%;
}
h1, h2, h3, h4, h5, h6, p, a, span {
	font-weight:normal;
}
a {
    color: #005580;
    text-decoration: none;
}
a:hover, a:focus {
    color: #003149;
    text-decoration: underline;
}
a:hover, a:active {
    outline: 0;
}
*:focus, *:hover, *:active {
    outline: 0 none!important;
}
@media screen and (min-width: 1300px) {
}

@media screen and (min-width: 800px) and (max-width: 1300px) {
.demo img {
	width: 32%;
}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
h1 {
	font-size: 1.5em; 
}
h2 {
	font-size: 1.3em; 
}
h3 {
	font-size: 1.17em; /*19px*/
}
h4 {
	font-size: 1em; /*16px*/
}
h5 {
	font-size: 0.83em; /*14px*/
}
h6 {
	font-size: 0.67em; /*11px*/
}
.demo img {
	width: 32%;
}
}
@media screen and (max-width: 600px) {
h1 {
	font-size: 1.3em; 
}
h2 {
	font-size: 1.17em; /*19px*/
}
h3 {
	font-size: 1em; /*16px*/
}
h4 {
	font-size: 0.83em; /*14px*/
}
h5 {
	font-size: 0.67em; /*11px*/
}
h6 {
	font-size: 0.56em; /*9px*/
}
.demo img {
	width: 49%;
}
}