html {
    background: #e2e2dd;  
    background-image: url(image/background_1.gif);
    background-repeat: repeat-x;
    height:100%;
}

@font-face {
  font-family: "Heebo-Regular";
  src: url("./fonts/Heebo-Regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/Heebo-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Heebo-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Heebo-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Heebo-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Heebo-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Heebo-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

body {
    background: url(image/background_3.gif) 0px 0px no-repeat,
                url(image/background_1.gif) 180px 0px repeat-x,                   url(image/background_2.gif) 0px 25px repeat-y;
    background-color: rgba(255,255,255,0.3);    
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    line-height: 1.5em;
    margin: 0 auto;
    min-height: 100%;
  height:auto !important;
  height:100%;
    max-width: 750px;
    padding: .5em 2em 2em;    
}

header {
    background-color: #cbc0c8;
    height: 180px;
    width:614px;
    margin-top: -31px; 
    margin-left: 148px;
    padding-left: 20px;  
}

logo {
    float:left; 
    margin-top:1.5em; 
    margin-left:0.2em;
}

main {padding-left: 173px;
}

footer {margin-top: 80px;
    padding-left: 282px;
}

imgstyle {
    float:left; 
    margin-top:-10px;}

p, ul { font-family: 'Heebo-Regular', Heebo, sans-serif;
font-size:1.0em;
    font-weight:300;
    line-height:1.4em;
    margin-left: 110px;
}

h1 {
    color: #970056;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:4.5em;
    font-weight:500;
    line-height: 1.0em;
    margin-left: 110px;
}

h2 {
    color: #970056;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:2em;
    font-weight: 300;
    line-height: 1.5;
    padding-top: 0.3em;
    margin-left: 110px;    
    
}

h3 {
    color: #9689a1;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:1.7em;
    font-weight: 300;
    line-height: 0.2em;
    margin-left: 110px;
}

h4 {
    color: #000000;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:1.2em;
    font-weight: 300;
    line-height: 1.4em;
    margin-top: -1em;
    margin-left: 110px;
}

a:link    {color: #545454; text-decoration: none; }
a:visited {color: #9689a1; text-decoration: none; }
a:focus   {color: #9689a1; text-decoration: none; }
a:hover   {color: #9689a1; text-decoration: none; }
a:active  {color: #ce7284; text-decoration: none; }
    

@media (max-width: 480px) {

 html {
    background: #e2e2dd;  
    background-image: url(image/background_1.gif);
    background-repeat: repeat-x;
    height:100%;
}

@font-face {
  font-family: "Heebo-Regular";
  src: url("./fonts/Heebo-Regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/Heebo-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Heebo-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Heebo-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Heebo-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Heebo-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Heebo-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

body {
    background: url(image/background_1.gif) 180px 0px repeat-x !important; background-color: rgba(255,255,255,0.3);    
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    line-height: 1.5em;
    margin: 0 auto;
    min-height: 100%;
  height:auto !important;
  height:100%;
    max-width: 750px;
    padding: 0.5em 0em 2em !important;    
}

header {
    background-color: #cbc0c8;
    height: 180px !important;
    width:614px;
    margin-top: -15px; 
    margin-left: 0px !important;
    margin-bottom: -2.5em !important;
    padding-left: 30px !important;   
}

logo {
    float:none !important; 
    margin-top:0.6em !important; 
    margin-left:0.4em !important;
    padding: 1em 1.5em 2em !important;
}
    
main {padding-left: 30px !important;
}

footer {margin-top: 50px;
    padding-left:30px !important;
}

imgstyle {
    float:none; 
    margin-top:-10px;}

p, ul { font-family: 'Heebo-Regular', Heebo, sans-serif;
font-size:0.9em;
    font-weight:300;
    line-height:1.3em;
    margin-left: 0px;
}

h1 {
    color: #970056;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:3.0em;
    font-weight:500;
    line-height: 1.0em;
    margin-left: 0px; 
}

h2 {
    color: #970056;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size: 1.9em;
    font-weight: 300;
    line-height: 1.1;
    padding-top: 0.3em;
    margin-left: 0px;   
    
}

h3 {
    color: #9689a1;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:1.1em;
    font-weight: 300;
    line-height: 1.0em;
    margin-left: 0px;
    margin-top: 10px;
}

h4 {
    color: #000000;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:1.2em;
    font-weight: 300;
    line-height: 1.3em;
    margin-top: 1em;
    margin-left: 0px;
}

a:link    {color: #545454; text-decoration: none; }
a:visited {color: #9689a1; text-decoration: none; }
a:focus   {color: #9689a1; text-decoration: none; }
a:hover   {color: #9689a1; text-decoration: none; }
a:active  {color: #ce7284; text-decoration: none; }
    
}



@media (max-width: 740px) {

html {
    background: #e2e2dd;  
    background-image: url(image/background_1.gif);
    background-repeat: repeat-x;
    height:100%;
}

@font-face {
  font-family: "Heebo-Regular";
  src: url("./fonts/Heebo-Regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/Heebo-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Heebo-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Heebo-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Heebo-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Heebo-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Heebo-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

body {
    background: url(image/background_3.gif) 0px 0px no-repeat,
                url(image/background_1.gif) 180px 0px repeat-x,                   url(image/background_2.gif) 0px 25px repeat-y;
    background-color: rgba(255,255,255,0.3);    
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.06);
    color: #545454;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    line-height: 1.5em;
    margin: 0 auto;
    min-height: 100%;
  height:auto !important;
  height:100%;
    max-width: 750px;
    padding: .5em 2em 2em;    
}

header {
    background-color: #cbc0c8;
    height: 150px;
    width:614px;
    margin-top: -15px; 
    margin-left: 148px;
    padding-left: 20px;  
}
    
logo {
    float:left; 
    margin-top:1.5em; 
    margin-left:0.2em;
}

main {padding-left: 173px;
}

footer {margin-top: 50px;
    padding-left:170px;
}

imgstyle {
    float:none; 
    margin-top:-10px;}

p, ul { font-family: 'Heebo-Regular', Heebo, sans-serif;
font-size:0.9em;
    font-weight:300;
    line-height:1.3em;
    margin-left: 0px;
}
    
    a {margin-left: 0px !important;}

h1 {
    color: #970056;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:3.0em;
    font-weight:500;
    line-height: 1.0em;
    margin-left: 0px;
    padding-top: 25px !important;
}

h2 {
    color: #970056;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size: 1.9em;
    font-weight: 300;
    line-height: 1.1;
    padding-top: 0.3em;
    margin-left: 0px;   
    
}

h3 {
    color: #9689a1;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:1.1em;
    font-weight: 300;
    line-height: 1.0em;
    margin-left: 0px;
    margin-top: 10px;
}

h4 {
    color: #000000;
    font-family: 'Heebo-Regular', Heebo, sans-serif;
    font-size:1.2em;
    font-weight: 300;
    line-height: 1.3em;
    margin-top: 1em;
    margin-left: 0px;
}

a:link    {color: #545454; text-decoration: none; }
a:visited {color: #9689a1; text-decoration: none; }
a:focus   {color: #9689a1; text-decoration: none; }
a:hover   {color: #9689a1; text-decoration: none; }
a:active  {color: #ce7284; text-decoration: none; }
    
}