.aboutTableDiv {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.wrap_about {
font-size: 9pt;
color: white;
}
.infoWrap {
background-color:#184285;
border: 1px #10589E solid;
padding: 0 5px;
}
.info1 {
margin: 10px 0;
}
.info2 {
margin: 0 0 10px 0;
}
.info3 {
margin: 4px 0;
}
.infoTitle {
font-weight: bold;
margin: 2px 0;
}
.infoYellow {
font-weight: bold;
color: #ffdd00;
}
.ulList {
font-size: 8pt;
padding-left: 16px;
color: white;
}
.ulList li {
list-style: square;
text-indent: 0;
margin: 5px 0;
}
.aboutNav {
font-size: 11pt;
color: white;
margin: 10px 4px;
display: block;
}
.aboutTitle {
font-family: Tahoma, Verdana, sans-serif;
font-size: 11pt;
text-align: center;
font-weight: bold;
background: #143078;
padding: 3px;
color: #ffdd00;
border-left: 1px #10589E solid;
border-right: 1px #10589E solid;
border-top: 2px #10589E solid;
}
.aboutSubtitle {
font-family: Tahoma, Verdana, sans-serif;
text-align: center;
font-weight: bold;
background: #143078;
padding: 2px;
color: #ffdd00;
border-left: 1px #10589E solid;
border-right: 1px #10589E solid;
}
.linkInTitle {
color: #ffdd00;
}
.aboutTableDiv {
border: 1px #10589E solid;
}
.aboutTableDiv, .aboutTableDiv table {
width: 100% !important;
}
.purseBase {
min-height: 65px;
}
.purseBaseImg {
display: inline-block;
float: left;
margin: 0 10px 0 4px;
}
.logoBaseImg {
display: inline-block;
float: left;
margin: 10px 10px 0 4px;
}
.communicationBase {
min-height: 45px;
margin: 7px 0 0 0;
}
.communicationBaseImg {
display: inline-block;
float: left;
margin: -4px 10px 0 4px;
width: 50px;
height: 50px;
}
.fightBase {
margin: 4px 0;
min-height: 95px;
}
.roadsBase {
margin: 4px 0;
min-height: 105px;
}
.fightBaseImg {
display: inline-block;
float: left;
margin: 5px 10px 0 4px;
}
.fightCoinsImg {
display: inline-block;
float: left;
margin: 15px 10px 0 4px;
}
.parametersBaseImg {
display: inline-block;
float: left;
margin: 15px 10px 0 4px;
}
.fightBeats {
min-height: 135px;
}
.aboutItemsTypes {
min-height: 60px;
}
.bfLink {
font-size: 9pt;
font-style: italic;
font-weight: bold;
color: #F6EADD;
margin: 0 4px;
}
.bfBlock {
margin: 10px 0;
width: 100%;
text-align: center;
}
@media screen and (min-width: 360px) {
.wrap_about {
font-size: 10pt;
}
.ulList {
font-size: 9pt;
}
.aboutNav {
font-size: 12pt;
}
.aboutTitle {
font-size: 12pt;
}
.bfLink {
font-size: 12pt;
margin: 0 10px;
}
}