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

body {

overflow-x: hidden;

	margin:0;
	padding: 0;
	width: 100%;
}



.social-bigger {
font-size: 200%;
	color: #0b0b0b;
}
.logo-top {
	height:60px !important;
	margin-top: -28px !important;
}
 .dropthedrop {
text-decoration: none;
}
.dummy {
min-height: 50px;
}	
.img-padding {
margin: 0px 0 30px 0;
}
.navbar {
background-color:#fff;
	border-bottom: 1px solid rgba(241,36,39,1.00);
	/*max-height: 85px;*/
}
.page-scroll {
	color: #0b0b0b !important;
}
.icon {
margin-top: -100px !important;	
}
.social-up {
	margin-top: 2px;
}
.social-padding {
	margin-right: 15px;
}
.social-padding-1st {
	margin-left: 15px;
}
.mob {
	display: none;
}
.nomob {
	display: inline-flex;
}
.footer-cust {
	background-color: #333333;
	color: #fff;
	padding-left:30px;
	padding-right:30px;
}
	.footer-link {
		color:#FFFFFF;
	}
.mid-container-footer {
	margin-left:50px;
	margin-right:50px;
}
.no-border {
	border: none;
}
.footer-control {
	color:#fff !important;
}
.txt-small {
	line-height: 1.2 !important;
	font-size: 80%;
}
.form-control {
color: #fff;
background-color: #861114;
list-style-type: none;
margin-top:5px;
}  
.button {
background-color: #600c0e;
width: 100%;
min-width: 100%;
border:0;
margin-top:5px;
}
.button-tight {
background-color: #600c0e;
width: 92%;
min-width: 92%;
border:0;
margin-top:5px;
}
.button:hover {
background-color: #45090a; 
color: #cccccc;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;	
}
.button-tight:hover{
background-color: #45090a; 
color: #cccccc;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}

		.shadow {
				-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.75);
			
			
			
			
			width:100% !important;
		}

.hero-flex {
		min-width:100% !important;
		}
.herodown {
	padding-top:60px;
}
	.bigbutt 
	{
		color: #ffffff;
		display: inline-block;
		background-color:rgba(204,204,204,1.00);
		padding:5px;
		font-size:200%;
		width: 90%;
		min-width: 90%;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
		border:3px solid rgba(15,144,0,1.00);
		margin:25px 5% 25px 5%;
	}
	
	.bigbutt:hover
	{
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;	
		background-color:rgba(204,204,204,.5);
		border:3px solid #0b0b0b;
	}
.txt-center {
text-align: center !important;
}
.dropthedrop {
text-decoration: none;
}
.box {
color: #0b0b0b;
width: 100%;
min-width: 100%;
padding:0 10px 0 10px;
margin-bottom:10px;
}
.box-tight {
color: #0b0b0b;
width: 92%;
min-width: 92%;
padding:0 10px 0 10px;
margin-bottom:10px;
}
.hero {
width: 100%;
margin-top:70px;
}
.hero-b {
width: 100%;
}
.hero-container {
min-width: 100vw !important;
margin-left:-15px;
margin-right:-15px;
	margin-top:5vh;
	
}
.header {
text-align: center;
font-family: 'Noto Serif', serif;
line-height: 2;
letter-spacing: 2px;
margin-bottom: 0;
}
.header-b {
text-align: center;
font-family: 'Noto Serif', serif;
line-height: 1.2;
letter-spacing: 1px;
}
.mid-container {
margin-left:10vw;
margin-right:10vw;
	/*background-color: rgba(255,255,255,0.60);*/
}
.txt {
text-align: justify;
margin-left:15px;
margin-right:15px;
line-height: 1.4;
	
}
.txt-wide {
text-align: justify;
line-height: 1.4;
	font-size: 95%
}
.icons {
width: 100%;
height: auto;
margin-bottom: 30px;
}
.hero-mob {
	margin:15px 0 30px 0;
}

.subtle-bg1 {
	padding:5px 0 0 0;
	background-color:rgba(202,202,202,.50);
}
.subtle-bg2 {
	padding:5px 0 0 0;
	background-color:rgba(206,225,187,.50);
}
.txt-testimonial {
padding:10%;
text-align: justify;
font-size:85%;
line-height: 1.7;
}
/*table*/
table {
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
background-color: #BBBBBB;}

tr:nth-child(odd) {
	background-color: #FFFFFF;}
.fa-wheelchair {
		font-size: 40px !important;
	}
	

/*timeline*/

* {
	pading: 0;
	margin: 0;
	position: relative;
}

.timeline {
	padding: 40px 0px;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 40px;
}

.timeline:before {
	content: "";
	position: absolute;
	top: 40px;
	left: 65px;
	width: 3px;
	height: calc(100% - 80px);
	background: #c0392b;
}

.timeline .column {
	margin: 40px 40px 40px 120px;
}

.timeline .column .title h1 {
	font-size: 70px;
	color: rgba(0,0,0,0.45);
	font-family: serif;
	letter-spacing: 1px;
}

.timeline .column .title h1:before {
	content: "";
	position: absolute;
	left: -62px;
	top: 86px;
	width: 10px;
	height: 10px;
	background: #fff;
	border: 3px solid #c0392b;
}

.timeline .column .title h2 {
	font-size: 33px;
}

.timeline .column .description p {
	font-size: 13px;
	line-height: 20px;
	margin-left: 20px;
	margin-top: 10px;
}

.timeline .column .description {
	border-left: 1px solid #000;
}

.main {
	width: 80%;
	margin-left: 10%;
	margin-top: 80px;
}

.main h1 {
	font-size: 80px;
	line-height: 60px;
}

.main p {
	font-size: 13px;
	line-height: 20px;

	text-align: right;
}	
	.history-header {
		line-height: 1.6;
		margin-top:15px;
	}
	.history-date {
			line-height: 1;
	}
	.smaller-s {
		font-size: 70%;
	}

	.timeline-img {
		width:45%;
		align-content: flex-end;
	}

@media only screen and (min-width: 1200px) {
/* tablets and desktop */
.logo-top {
height:50px;
margin-top: -15px;
}
.social-bigger {
font-size: 150%;
}
.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
font-size: 12px !important;
}

.hero-container {
margin-top:5vh;
}
	
	
	
	/*timeline*/

* {
	pading: 0;
	margin: 0;
	position: relative;
}

.timeline {
	padding: 40px 0px;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 40px;
}

.timeline:before {
	content: "";
	position: absolute;
	top: 40px;
	left: 65px;
	width: 3px;
	height: calc(100% - 80px);
	background: #c0392b;
}

.timeline .column {
	margin: 40px 40px 40px 120px;
}

.timeline .column .title h1 {
	font-size: 70px;
	color: rgba(0,0,0,0.45);
	font-family: serif;
	letter-spacing: 1px;
}

.timeline .column .title h1:before {
	content: "";
	position: absolute;
	left: -62px;
	top: 86px;
	width: 10px;
	height: 10px;
	background: #fff;
	border: 3px solid #c0392b;
}

.timeline .column .title h2 {
	font-size: 33px;
}

.timeline .column .description p {
	font-size: 13px;
	line-height: 20px;
	margin-left: 20px;
	margin-top: 10px;
}

.timeline .column .description {
	border-left: 1px solid #000;
}

.main {
	width: 80%;
	margin-left: 10%;
	margin-top: 80px;
}

.main h1 {
	font-size: 80px;
	line-height: 60px;
}

.main p {
	font-size: 13px;
	line-height: 20px;

	text-align: right;
}	
	.history-header {
		line-height: 1.6;
		margin-top:15px;
	}
	.history-date {
			line-height: 1;
	}
	.smaller-s {
		font-size: 70%;
	}

	.timeline-img {
		width:45%;
		align-content: flex-end;
	}
	
	
	
	
}

@media only screen and (min-width: 768px) {
/* tablets and desktop */
.logo-top {
height:50px;
margin-top: -15px;
}
.social-bigger {
font-size: 150%;
}
.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
font-size: 10px;
}
.mid-container-footer {
margin:0;
}
	
.timeline {
width: 100%;
margin-left:0;
}
.header {
line-height: 1.2;
margin-top: 80px;
}
.hero-mob {
margin-bottom:15px;
}	
}
@media (max-width: 767px){
.logo-top {
height:50px !important;
margin-top: -15px !important;
}
.nomob {
display:none;
}
.mob {
display: inline-block;
}
.mid-container-footer {
margin:0;
}
.timeline {
width: 100%;
margin-left:0;	
}	
.header {
line-height: 1;
}
.hero-container {
margin-top:1vh;


}	
.mid-container {
margin-left:0;
margin-right:0;
/*background-color: rgba(255,255,255,0.60);*/
}
	
	
	
	/*timeline*/

* {
	pading: 0;
	margin: 0;
	position: relative;
}

.timeline {
	
	padding: 40px 0 40px 0;
	width: 100%;
	margin-left: 10%;
	margin-bottom: 40px;
}

.timeline:before {
	
	content:none;
	position:inherit;
	top: 40px;
	left: 5px;
	width: 0;
	height: 0;
	background:rgba(0,0,0,0.00);
}

.timeline .column {
	margin: 0 40px 40px 10px;

}

.timeline .column .title h1 {
	font-size: 70px;
	color: rgba(0,0,0,0.45);
	font-family: serif;
	letter-spacing: 0;
}

.timeline .column .title h1:before {
	content: none;
	position: absolute;
	left: -62px;
	top: 86px;
	width: 0;
	height: 10px;
	background: #fff;
	border: 3px solid #c0392b;
}

.timeline .column .title h2 {
	font-size: 20px;
}

.timeline .column .description p {
	font-size: 13px;
	line-height: 20px;
	margin-left: 20px;
	margin-top: 10px;
}

.timeline .column .description {
	border-left: 1px solid #000;
}

.main {
	width: 80%;
	margin-left: 10%;
	margin-top: 80px;
}

.main h1 {
	font-size: 40px;
	line-height: normal;
}

.main p {
	font-size: 13px;
	line-height: 20px;

	text-align: right;
}	
	.history-header {
		
	
		font-size:50%;
	}
	.history-date {

		font-size: 40px !important;
	}
	.smaller-s {
		font-size: 50%;
	}

	.timeline-img {
		width:100%;
		align-content: flex-end;
	}
	


}
@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */

}