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

#fpay input{        margin: 10px 0px;}
#fpay .text{
	text-align:left;
}

#mess{
padding: 10px;	
justify-content: center;
font-size: 22px;	
}

 img{max-width:100%;}
@media (max-width: 2000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle.top {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
 
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

body {background-color:#fff; font-family:Georgia}
.inner-container .white-block {padding:20px}

.navbar-toggle .icon-bar {
    background-color: #E2D8B4;
	height: 3px;
    width: 32px;
}

.navbar-brand {padding:0 15px 0 15px}

.main-container {max-width:798px !important; }
.main-container .navbar { margin-bottom:0; position:relative}
#navbar {padding:0}
.nav > li > a {
    background-color:#960103;
    text-decoration: none;
	color:#e2d8b4;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	border-bottom:2px solid #fff;
}
.main-container nav.navbar div.navbar-header {background-color:#fff; min-height:60px;}
.main-container ul.nav.navbar-nav {margin: 0;
    max-width: 100%;}
.nav > li > a:hover, .nav > li > a:focus {background-color:#CEC099; color:#333;}
.main-content {max-width:768px; background:#E2D8B4}
.main-content img {max-width:100%}
.top-banner img {width:100%; margin-bottom:20px}
.pdftable td{padding:5px}

.copy {background-color:#6a0000; font-size:11px; color:#EACEA6; text-align:center; padding:15px; margin-top:30px}
.copy a {color:#EACEA6 !important}
.menutitle {position:absolute;z-index:20; left:0; top:0; margin-left:23px; margin-top:35px; color:#E2D8B4; font-family:Georgia; font-style:italic}

.anounce,.ms,.going{padding:10px; border:1px solid #C9B674; text-align:center; margin-bottom:20px; background-color:#ECE6CE}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #E4DDCD;
    border: 0;
    border-radius: 0;
    box-shadow:none;
    display: none;
    float: none;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 0;
    position: relative;
    z-index: 0;

}
.dropdown-menu > li > a {font-weight:bold;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color:#A98A54;
    border-color: #fff;
}
#fdonate .form-control {display:inline-block}
.carousel-inner {margin-bottom:20px};
.carousel-inner > .item > a > i {min-width:100% !important}
.carousel-inner > .item.active {min-width:100% !important}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {min-width:100%}
blockquote {border-left:none}
.going img {height:auto;}
.date {position:absolute;z-index:10px; color:#e2d8b4; top:50%; margin-top:-10px; left:50%; margin-left:-80px}
header {height:58px; position:relative; background:url(../img/header.png) center top no-repeat;}
.mtitle {color:#F5C45E; font-style:italic; font-family:Georgia; font-size:35px; font-weight:bold; position:absolute; right:15px; top:15px; line-height:1}
.mtitle a {color:#F5C45E;}
.top-phone {color:#F5C45E; font-size:20px;padding-top:20px; display:block; text-align:center; font-family:Georgia; padding-bottom:10px}
nav .navbar-header {background-color:#960103 !important;}
.navbar {border:0}
.navbar-toggle {float:left; margin-left:13px;}
.main-content {padding:20px 15px;color: #660000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 13px;
    line-height: 130%;
    text-align: justify;}
.main-content a {color:#ac302e; text-decoration:underline}
.main-content a:hover {text-decoration:none}
.main-content img {width:auto; height:auto; margin-bottom:10px;max-width: 100%;}
.ms {overflow:hidden; margin:0px;    font-size: 16px;text-align: left;border: 1px solid #960103;    margin: 0px 15px;}
.main-content a.btn-red {
    padding: 0 6px;
    background: #960103;
    color: #FFF;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 23px;
	text-decoration:none;
}
.ms h3{
font-size: 18px;
font-weight: bold;}
.style28 {
    color: #720000;
    font-size: 24px;
}
.style28 {
    color: #720000;
    font-size: 24px;
}
.textLargeR {
    color: #660000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    line-height: 105%;
}
.dropdown-menu > li {
    background: #fff;
}
.inner-padding td {padding:10px}
.imrb {margin-right:10px; margin-bottom:10px}

@media (max-width: 767px) {
header{
background-color:#512901;
margin-left:-15px; margin-right:-15px
}
.mtitle {position:relative; text-align:center; font-size:25px}
.navbar-header {margin-left:-15px; margin-right:-15px}
.menutitle {left:-15px}
.topim img {margin-bottom:20px; display:inline-block}
.topim {text-align:center}
.main-container .navbar {

    margin-left: -15px;
    /*margin-right: -15px;*/
}
}

@media (min-width: 768px) {
.container.main-container {padding-left:0; padding-right:0}

}
@media (min-width: 993px) {
	.main-container .navbar {

    margin-left: 15px;
    margin-right: 15px;
}
	}
@media (max-width: 500px) {
header{
background:url(../img/bg1.jpg) left top no-repeat;

}
}

.form-sendmail {
	display: block;
	 
 
}
@media (max-width: 320px) {
.main-content {
    padding: 20px 10px;
    color: #660000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    line-height: 130%;
    text-align: justify;
}
.ms {
 
    font-size: 14px;
 line-height: 1.1;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 12.5px;
    border-left: 5px solid #eee;
}

.white-bg {
 font-size: 13px;
}
}
 
 
 
.form-sendmail textarea {
	width:100%;
	outline: none;
	     background-color: #f8f8f8;
}
.form-sendmail input {
    width:100%;
    padding: 2px 12px;
    font-size: 16px;
     margin-bottom: 10px;
    box-sizing: border-box;
	border: none;
    border-bottom: 1px solid #75757;
	border-radius: 5px;
	     background-color: #f8f8f8;
	color: #000;
	outline: none;
}
.form-sendmail input.sub {
    width:auto;
    padding: 2px 12px;
    font-size: 16px;
  display:inline-block;
    box-sizing: border-box;
	border: none;
    border-bottom: 1px solid #75757;
	border-radius: 5px;
    background-color:#660000;
    color: #fff;
	outline: none;
	cursor:pointer;
}

@media screen and (max-width: 271px) {
header {
background-size: 100% 100%;
}
.date {
left: 70%;
margin-left: -100px;
}
}

folders: mobile/css
file: main.css

Or in index file
<style>
@media screen and (max-width: 271px) {
header {
background-size: 100% 100%;
}
.date {
left: 70%;
margin-left: -100px;
}
}
</style>

2.15 a.m