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

.nav-item, .nav-link {
	font-family: all-round-gothic, sans-serif;
	font-size:18pt;
	color: #23a1b1;
}

.nav-link {
	color: #23a1b1 !important;
}

.nav-link:hover {
	color: #e96740 !important;
}

.socialbutton {
	background-color:#23a1b1 !important; 
	border: 2px solid white;
}

.socialbutton:hover {
	background-color: #e96740 !important;
}

.socialbutton img {
	width:35px;
}

.greeting {
	background-image: url("../images/jumbobg.jpg");
	background-position: left -20em top; 
	background-attachment: fixed;
	color: #23a1b1;	
}

.greetingcontent {
	margin:100px 20% 0px 20%;
	padding-top:100px;
	min-height: 700px;
}

.sectionheading {
	font-family: all-round-gothic, sans-serif;
	font-weight: 600;
	font-style: normal;
	margin-top: 2em; 
	font-size:60px;
}

.allround {
	font-family: all-round-gothic, sans-serif;
	font-weight: 600;
	font-style: normal;
}

.title {
	color: #1a1a1a;
	text-align: center;
}

.content {
	position: relative;
	margin: 0;
	overflow: hidden;
}

.content-details {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	padding: 20% 10px;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
	top: 50%;
	left: 50%;
	opacity: .9;
}
.content-details h3, .content-details h4 {
	color: #fff;
	font-family: all-round-gothic, sans-serif;
	font-weight: 600;
	font-style: normal;
	opacity:1 !important;
}

.fadeIn-bottom {
	top: 80%;
}

.ddyellow {
	background-color: #ebc73f;
}

.ddorange {
	background-color: #e96740;	
}

.ddteal {
	background-color: #23a1b1;
}

.ddred {
	background-color: #ca2837;
}

.ddbrown {
	background-color: #4f282d;
}

.portful {
	margin-top:55px;
}

#about {
	background-image: url("../images/aboutbg.jpg");
	background-position: left -20em top; 
	background-attachment: fixed;
	width:cover;

}

.aboutcontent {
	padding-left:30%;
}

.jumbotronabout {

	min-height: 40em;
	padding: 5em 0em;
	color: white;
}

.btn-primary {
	background-color: #23a1b1;
}

.cddfooter {
	background-color:#4e382d;
	color:white;
}