@media (max-width: 767.98px) {
	.coffee-stain-ring {
		width: 100%;
		max-width: 595px;
	}

	.overlay-image .text {
		position: relative !important;
		top: 0% !important;
		left: 0% !important;
		transform: none !important;
	}
	
}

@font-face {
    font-family: 'OpenDyslexic';
    src: url('OpenDyslexic-Regular.otf');
}

* {
	font-family: 'Cormorant Garamond', serif;
}

.dyslexic:not(i) {
	font-family: 'OpenDyslexic', serif;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #efb65c !important;
    background-color: #e09b3e !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem #efb65c !important;
}

.custom-switch .custom-control-label::after {
    background-color: #efb65c !important;
}

.custom-control-input:active {
	border-color: #6265e4 !important;
	box-shadow: 0 0 5px rgba(98, 101, 228, 1) !important;
}

.custom-control-label::before {
    border: #e09b3e solid 1px !important;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #efb65c !important;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #e09b3e !important;
  border-color: #e09b3e !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(239, 182, 92, .75) !important;
}

a {
	text-decoration:none
}

.intro p {
	font-size: 1.2em;
}

.bg-light {
	background-color: #fff !important;
}

.navbar-text {
	color: #000 !important;
}

.text {
	padding: 20px;
	border: 1px solid black;
	background-color: #fff;
}

.overlay-image {
	position: relative;
	width: 100%;
}

.overlay-image .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.card {
	border-color: #fff;
}

/*__________TIMELINE__________*/

.main-timeline {
	position:relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.main-timeline:before {
	content:"";
	width:3px;
	height:100%;
	margin:0 auto;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	right:0
}

.main-timeline .timeline {
	display:inline-block;
	margin-bottom:50px;
	position:relative
}

.main-timeline .timeline:before {
	content:"";
	width:20px;
	height:20px;
	border-radius:50%;
	border:4px solid #fff;
	background: #000;
	position:absolute;
	top:65px;
	left:50%;
	z-index:1;
	transform:translate(-50%,-50%)
}

.main-timeline .timeline-icon {
	display:inline-block;
	background-image: url(../images/coffee-stain-left.png);
	background-size: cover;
	width:130px;
	height:130px;
	padding:13px;
	text-align:center;
	position:absolute;
	top:65px;
	left:30%;
	transform:translateY(-50%)
}

.main-timeline .timeline-icon i {
	display:block;
	border-radius:50%;
	font-size:64px;
	color:#fff;
	line-height:100px;
	z-index:1;
	position:relative
}

.main-timeline .timeline-content {
	width:50%;
	padding:0 50px;
	margin:52px 0 0;
	float:right;
	position:relative
}

.main-timeline .timeline-content:before {
	/*content:""*/;
	width:70%;
	height:100%;
	border:1px solid #000;
	border-top:none;
	border-right:none;
	position:absolute;
	bottom:-13px;
	left:35px
}

.main-timeline .timeline-content:after {
	content:"";
	width:36px;
	height:1px;
	background:#000;
	position:absolute;
	top:13px;
	left:0
}

.main-timeline .title {
	font-size:20px;
	font-weight:600;
	color:#000;
	text-transform:uppercase;
	margin:0 0 5px
}

.main-timeline .description {
	display:inline-block;
	font-size:16px;
	color:#404040;
	line-height:20px;
	letter-spacing:1px;
	margin:0
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
	left:auto;
	right:30%;
	background-image: url(../images/coffee-stain-right.png);
	background-size: cover;
}

.main-timeline .timeline:nth-child(even) .timeline-content {
	float:left;
	text-align: right;
}

.main-timeline .timeline:nth-child(even) .timeline-content:before {
	left:auto;
	right:35px;
	transform:rotateY(180deg)
}

.main-timeline .timeline:nth-child(even) .timeline-content:after {
	left:auto;
	right:0
}

@media only screen and (max-width:1200px) {
	.main-timeline .timeline-icon:before{
		width:50px;
		right:-50px
	}
	.main-timeline .timeline:nth-child(even) .timeline-icon:before {
		right:auto;
		left:-50px
	}
	.main-timeline .timeline-content {
		margin-top:75px
	}
	.main-timeline .timeline::before {
		top: 88px
	}
	.main-timeline .timeline-icon {
		top: 88px
	}
}

@media only screen and (max-width:990px) {
	.main-timeline .timeline {
		margin:0 0 10px
	}
	.main-timeline .timeline-icon {
		left:25%
	}
	.main-timeline .timeline:nth-child(even) .timeline-icon {
		right:25%
	}
	.main-timeline .timeline-content {
		margin-top:115px
	}
	.main-timeline .timeline::before {
		top: 128px
	}
	.main-timeline .timeline-icon {
		top: 128px
	}
}

@media only screen and (max-width:767px) {
	.main-timeline {
		padding-top:50px
	}
	.main-timeline:before {
		left:80px;
		right:0;
		margin:0
	}
	.main-timeline .timeline {
		margin-bottom:70px
	}
	.main-timeline .timeline:before {
		top:0;
		left:83px;
		right:0;
		margin:0
	}
	.main-timeline .timeline-icon {
		width:60px;
		height:60px;
		line-height:40px;
		padding:5px;
		top:0;
		left:0
	}
	.main-timeline .timeline:nth-child(even) .timeline-icon {
		left:0;
		right:auto
	}
	.main-timeline .timeline-icon:before,
	.main-timeline .timeline:nth-child(even) .timeline-icon:before {
		width:25px;
		left:auto;
		right:-25px
	}
	.main-timeline .timeline-icon:after,
	.main-timeline .timeline:nth-child(even) .timeline-icon:after {
		width:25px;
		height:30px;
		top:44px;
		left:auto;
		right:-5px
	}
	.main-timeline .timeline-icon i {
		font-size:30px;
		line-height:45px
	}
	.main-timeline .timeline-content,
	.main-timeline .timeline:nth-child(even) .timeline-content {
		width:100%;
		margin-top:-15px;
		padding-left:130px;
		padding-right:5px;
		text-align: left;
	}
	.main-timeline .timeline:nth-child(even) .timeline-content {
		float:right
	}
	.main-timeline .timeline-content:before,
	.main-timeline .timeline:nth-child(even) .timeline-content:before {
		width:50%;
		left:120px
	}
	.main-timeline .timeline:nth-child(even) .timeline-content:before {
		right:auto;
		transform:rotateY(0)
	}
	.main-timeline .timeline-content:after,
	.main-timeline .timeline:nth-child(even) .timeline-content:after {
		left:85px
	}
}
@media only screen and (max-width:479px) {
	.main-timeline .timeline-content,
	.main-timeline .timeline:nth-child(2n) .timeline-content {
		padding-left:110px
	}
	.main-timeline .timeline-content:before,
	.main-timeline .timeline:nth-child(2n) .timeline-content:before {
		left:99px
	}
	.main-timeline .timeline-content:after,
	.main-timeline .timeline:nth-child(2n) .timeline-content:after {
		left:65px
	}
}

.modal-content {
	text-align: center;
}