.yimage {
    width: 100%;
    height: auto;
	 display: block;
}


#wrapper-elephas img.yimage,
#content img.yimage {
    width: 100%;
    height: auto;
}

#content,
#wrapper-elephas {
    overflow: visible !important;
}

a:active {color: #ccc; text-decoration: underline;}
a:link {color: #ccc; text-decoration: none;}
a:visited {color: #ccc; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

.style1	{font-size: 1.5em; 		max-width: 768px; color: #fff; background-color: #666666; margin: 0 auto; text-align:center}
.style2	{font-size: 1.1em; 		max-width: 768px; color: #fff; background-color: #666666; margin: 0 auto; text-align:center}
.style3	{font-size: 0.813em; 	max-width: 768px; color: #fff; background-color: #666666; margin: 0 auto; text-align:center}
.style4 	{font-size: 1.125em; 	max-width: 768px; color: #fff; background-color: #666666; margin: 0 auto; text-align:center; line-height: 250%}
.style5 		{color: #000}
.tooltip {
font-size:0.813em; 
color:#FFFFFF;
background-color:#CCCCC;
position:absolute;
display:none
}

.white-popup {
  position: relative;
  background: #666666;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}


table {border-collapse: collapse; width: 100%; font-size: 0.91em}
table, th, td {border: 1px solid #ccc; padding: 10px; text-align: left;}
table .maxcell {width: 100%}

html,
body {

margin:0;
padding:0;
background-color: #666666;
font: 100%;
font-family: 'Bitter', serif
}

span.line {display: inline-block;}


#wrapper-style {
margin: 0 auto;
background:#666666;
position:relative;
padding-left:20px;
padding-right:20px;
}

#header {
padding-left:20px;
padding-right:20px;
}
#content {
padding-left:20px;
padding-right:20px;
}

#footer {
padding-left:20px;
padding-right:20px;
}

.col {
background: #fff; padding:1em 0; text-align:center; box-sizing: border-box; border: 1px solid #ccc;
}