html {
	overflow:hidden;
	overflow-y: scroll;
	}	
html,
body {
   position: relative;
   margin:0;
   padding:0;
   width:100% !important;
   height: 100% !important;
   font-family: 'Open Sans',Helvetica,Verdana,Arial,sans-serif;
   border:0 !important;
   color: #000; 
   background:#fff;
}

body.modal-open{
    width:100% !important;
    padding-right:0 !important;
    overflow-y:scroll !important;
    position:fixed !important;
}

input::-moz-focus-inner { border: 0; }
::-webkit-validation-bubble-message { display: none; }
a, a:hover, a:active, a:focus { outline:none !important; }
img:focus {outline: none !important;}

h1{
	 font-family: 'PT Serif', serif;   
	 font-size:42px;
	 line-height:48px;
	 margin-bottom:50px;
	}
h2{
	 font-size:36px;
	 line-height:40px;
	 margin-bottom:50px;
	}

p, u, li{
    font-size: 24px;
    line-height:32px;
}
li{
   margin-bottom:15px;
}
.img-responsive { 
  width: 100%;
}

#community_logo.container img{
	margin-top:10px;
	margin-bottom:10px;
}
#hero_image{
	padding-bottom:20px;
}
#hero_image .upframe{
	position:relative;	
	width:100%;
	height:50px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.65);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.65);
	z-index:100;
}
#first_paragraph,
#second_paragraph{
	padding:60px 0;
}
#thumb_images{
	padding:10px 20px;
}
#thumb_images .row img{
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.75);
}
#footer{
	width:100%;
	min-height:110px;
}
div.col-xs-15{
    position: relative;
    min-height: 1px;
    padding-right: 7px;
    padding-left: 7px;
	width: 20%;
    float: left;
}
 @media (max-width: 767px){ 
	 h1{
		 font-size:25px;
		 line-height:30px;
		 margin-bottom:25px;
		}
	h2{
		 font-size:20px;
		 line-height:25px;
		 margin-bottom:25px;
		}

	p, li{
		font-size: 14px;
		line-height:18px;
	}
	li{
	   margin-bottom:10px;
	}	
	 #community_logo.container img{
		display:block;
		max-width:90%;
		margin:5px auto;		
	}
	#hero_image{
	padding-bottom:10px;
	}
	#hero_image .upframe{
		height:25px;
	}	
	#first_paragraph,
	#second_paragraph{
		padding:30px 10px;
	}
	#thumb_images{
	   padding:3px 15px;
     }	
	div.col-xs-15{
    position: relative;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
	width: 20%;
    float: left;
}
	
 }
 
 @media (min-width: 768px) and (max-width: 1024px){
	 h1{
		 font-size:30px;
		 line-height:35px;
		 margin-bottom:35px;
		}
	h2{
		 font-size:25px;
		 line-height:30px;
		 margin-bottom:35px;
		}

	p, li{
		font-size: 16px;
		line-height:20px;
	}
	li{
	   margin-bottom:13px;
	}
	 #community_logo.container img{
		margin:7px 0;
	}
	#hero_image{
	padding-bottom:15px;
	}
	#hero_image .upframe{
		height:35px;
	}
	#first_paragraph,
	#second_paragraph{
		padding:35px 0;
	}
 }