bbb@charset "utf-8";
/* CSS Document */

html, body {margin:0px; padding:0px;}

main {
  margin-bottom: 200%;
}

img { 
  max-width:100%; 
  height:auto;
    z-index: -1; 
} 

.content {
  max-width: 960px;
  margin: auto;
}

/*.big { 
  position:absolute; 
  top: 25px; 
  left: 25px; 
  z-index: 2; 
} */
	
.small { 
  position:absolute; 
  top: 25px; 
  left: 25px; 
  z-index: 1; 
}		

#rightbox{ 
  float:absolute; 
  width:50%; 
  height:auto;
  text-align:right;
  z-index: 2; 
}

.top-right {
  position:absolute;
  top: 28px;
  right: 22px;
  z-index: 2;
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size:18px;
  font-weight:bold;
  text-align:right;
}

.top-left{
  position: absolute;
  top: 138px;
  left: 21px;
  z-index: 2;
  font-family:"georgia,'Times New Roman',Times,serif";
  font-size:10px;
  font-weight:bold;	
	
}

p {
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size:16px;
}

.pad{
   padding-top:45px;
}

.txtpad{
    
   padding-top:155px; 
    
}

.logo{
    width:504px;
    padding-top:12px; 
    padding-left:20px;    
}

.floating-menu {
   font-family: sans-serif;
   opacity: 0.6;
   padding: 5px;
   width: 100%;
   z-index: 100;
   position: fixed;
   bottom:0%;
}

.floating-menu a, 
.floating-menu h3 {
    font-size: 0.9em;
    display: block;
    margin: 0 0.5em;
    color: black;
  }


@media (min-width: 1281px) {
  
    .top-right {font-size: 22px;}
	.top-left {font-size: 30px; top: auto;}
	.header {height:200px;}
  
}


@media (min-width: 1025px) and (max-width: 1280px) {
  
    .top-right {font-size: 20px; top: 23px;}
	.top-left {font-size: 26px; top: auto;}
    .header {height:200px;}
  
}


@media (min-width: 768px) and (max-width: 1024px) {
  
    .top-right {font-size: 18px; top: 15px;}
	.top-left {font-size: 26px; top: auto;}
    .header {height:200px;}
    .pad{padding-top:40px;}
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
    .top-right {font-size: 18px; top:15px;}
	.top-left {font-size: 26px; top: auto;}
	.header {height:200px;}
    .pad{padding-top:35px;}
    .logo{width:350px;}
}


@media (min-width: 481px) and (max-width: 767px) {
  
    .top-right {font-size: 14px;  top:10px;}
	.top-left {font-size: 20px;  top: auto;}
	.header {height:180px;}
    .pad{padding-top:30px;} 
    .logo{width:300px;}
    .txtpad{padding-top:25px;}
}


@media (min-width: 320px) and (max-width: 480px) {
  
    .top-right {font-size: 11px;  top:10px;}
	.top-left {font-size: 18px; top:auto;}
	.header {height:150px;}
    .pad{padding-top:25px;}
    .logo{width:250px;}
    .txtpad{padding-top:15px;}