body {
background:url('img/bg2.jpg') no-repeat no-repeat center fixed;
background-size:cover;
max-width: 100%;
top: 0px;
left: 0px;
right: 0px;
padding:0px;
font-family: Roboto;
}
.innerbody{background-color:rgba(255,255,255,0.8);float: none;margin: 0 auto;width:90%;}
a {font-family: Roboto !important;color: black  /*#1ba1e2*/  !important;font-size:12px;}
a:hover,a:active,a:after {color: red !important;}
p{color: #0040ff !important;}
#logo{width:80%;height:20%;}
.headercontent {
padding-top: 20px;
padding-bottom: 20px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
background-color:#ffffff;
}
.name {font-size: 2.2em;font-weight: bold;}
.title {font-size: 2em;}
.text1{font-size: 17px;}
.text {font-size: 20px;}
.bold {font-weight: bold;}
.image-left{text-align:center;margin-top:30px;}
.image-left img{height:100% ;width:100%;}
.image-right{text-align: center;margin-top:30px;}
.image-right img{height:80%;width:80%;}
.carousel {
height: 140px !important;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5) !important;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5) !important;
}
.item{background-color: white !important;}
.carousel-inner{margin-top: 30px !important;}
.carousel-indicators {margin-top: 10px !important;}
.carousel-indicators li {background-color: #0040ff !important;}
.reviews-row{margin-top:10px;}
.liveevents-row{margin-top:20px;}
#footer{background-color: #e1e1e1;padding: 40px;margin-top: 20px;}
.social i{text-align:center;vertical-align:middle;}
.social div{display:inline-block;}
.fa{font-size: 3em;}
.fa-arrow-left{font-size: 1em;}
iframe{width: 400px;height: 300px;}
.about a{font-size: 1em;}
.about,.topics{margin-left:20px;}

@media (max-width:767px){
.image-left img,   .image-right img{height:50%;width:50%;}
.about,.topics{margin-left:0px;}
}
@media (max-width:767px) and (orientation:landscape){
.image-left img,.image-right img{height:30%;width:30%;}
}  
@media (max-width :1024px){
body{background-image:none;background-color:#ffffff;}
.innerbody{width: 100%;background-color:rgba(255,255,255,0);top: 0px;
left: 0px;
right: 0px;
padding:0px;}
a{font-size:20px;}
#book{text-align:center;}
#carousel-example-generic{padding-top: 10px;}
.fa{font-size: 2em;}
.image-left, .image-right{margin-top:0px;}
.title {font-size: 1.3em;}
#logo{width:100%;height:100%;}
}