@font-face {
    font-family:Gelasio-Regular;
    src: url(fonts/Gelasio-Regular.ttf);
}
@font-face {
    font-family:Gelasio-Bold;
    src: url(fonts/Gelasio-Bold.ttf);
}
@font-face {
    font-family:Gelasio-medium;
    src: url(fonts/Gelasio-medium.ttf);
}



img {
	max-width: 100%;
}

/*-------------Header Start---------------------*/
ol, ul{
	margin-bottom:0px;
}

a:hover, a:focus{
	text-decoration:none;
}

ul{
	padding:0px;
}
p{
	font-size:16px;
	font-family:Gelasio-Regular;
}
/*-------------header-menu-----------------*/


body {
    background: #fbfbfb;
}

.card-info {
    width: 600px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    border: solid 1px #13582a;
    background: #ffffff;
    padding: 20px;
    max-width: 100%;
}
img.logoclass {
    width: 350px;
    margin-bottom: 30px;
}
.card-info ul li {
    list-style: none;
    text-align: left;
    line-height: 30px;
    font-size: 21px;
    padding-bottom: 10px;
	font-family:Gelasio-Regular;
}
.card-info ul li span {
    margin-right: 10px;
    width: 140px;
    display: inline-block;
}
.card-info ul li span img {
    margin-right: 13px;
}
.card-info ul {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}
.card-info ul li a {
    color: #000000;
    width: 200px;
    float: right;
    text-align: left;
}
b {
    font-weight: normal;
}

@media screen and (max-width:767px){
.card-info ul li {
    font-size: 16px;
}
.card-info {
    padding: 20px 10px;
}	
.card-info ul li span {
    width: 103px;
    margin-right: 2px;
}
.card-info ul li span img {
    margin-right: 5px;
    width: 33px;
}
.card-info ul li a {
    color: #000000;
    width: auto;
    float: none;
    text-align: left;
}
}