.navbar {    
    top: -210px;
    /* background-color: rgba(184, 143, 122, 0.50) !important; */
    background-color: rgba(255, 255, 255, 0.75) !important;
}

.nav-item {
    text-align: left;
}

.nav-item.nav-link {
    color: #156573!important;
}

.nav-item.nav-link:hover {
    text-decoration: dashed underline;
}

.navbar-brand {
    color: #156573!important;
}

/***** General Styles *****/
body {
    font-family: 'Courier New', Courier, monospace;
    font-size: 16px;
    font-weight:800;
    color: #524948;
    line-height: 30px;
    /* text-align: center; */
}

.section-container {
    margin: 0 auto;
    padding-bottom: 60px;
    text-align: center;
}

.section-container h2:before {
    content: "{";
    font-weight: bold;
    color: #6197CD;
}

.section-container h2:after {
    content: "}";
    font-weight: bold;
    color: #6197CD;
}

.section-container h2 {
    color: #156573;
}

.section-container-gray-bg {
	background: #EAE8E7;
}

.section-description {
	margin-top: 60px;
    padding-bottom: 10px;
}

.section-description p {
    margin-top: 20px;
	padding: 0 120px;
}

h1, h2 {
	margin-top: 10px;
	font-family: 'Courier New', Courier, monospace;
	font-size: 38px;
    font-weight: 300;
    color: #004166;
    line-height: 40px;
}

/***** Divider *****/
.divider-1 {
    line-height: 5px;
}

.divider-1 span {
	display: inline-block;
	width: 200px;
	border-bottom: 1px dashed #ccc;
}

/***** Top content *****/
 
.top-content {
    padding: 210px 0;
    /* background-color: #B88F7A; */
    background-color: #EAE8E7;
}

.top-content .backstretch {
    opacity: 0.75;
}
 
.top-content .text {
    /* color: #fff; */
    color: #004166;
}
 
.top-content .text h1 {
    margin-top: 25px;
    /* color: #FFF; */
    color: #004166;
    font-size: 48px;
    font-weight: 500;
    line-height: 60px;
    padding: 10px;
    border: 1px dashed #004166;
}
 
.top-content .description {
    /* margin: 30px 0 10px 0; */
    font-size: 24px;
    border:5px dashed #fff; 
    border-radius: 10px; 
    padding:15px; 
    background-color: hsl(6, 6%, 30%); 
    color:#fff;
    text-align: justify;
}

.top-content .description strong {
    font-size: larger; 
    font-weight:600
}
 
.top-content .description a {
    color: #fff;
    text-decoration-line: underline;
    text-decoration: dashed underline;
}
 
.top-content .top-big-link {
    margin-top: 45px;
}

/***** Services *****/
 
.services-box {
    padding-top: 30px;
    text-align: left;
}
 
.services-box .services-box-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 40px;
    color: #fff;
    line-height: 85px;
    text-align: center;
    border-radius: 28px;
    background: #6197CD; /* Old browsers */
}
 
.services-box h3 {
    margin-top: 0;
    padding: 0 0 10px 0;
    text-align: center;
}

/***** About us *****/
 
.about-us-box {
    margin-top: 100px;
}
 
.about-us-box-text {
    padding-right: 30px;
    text-align: left;
}
 
.about-us-box-text h3 {
    margin-top: 0;
}
 
.about-us-box-text .medium-paragraph {
    margin-top: 20px;
    margin-bottom: 20px;
}
 
.about-us-box-text a {
    border-bottom: 1px dashed #9b59b6;
}
 
.about-us-box-text a:hover,
.about-us-box-text a:focus {
    border: 0;
}
 
.about-us-box-img img {
    border-radius: 4px;
}

/***** Portfolio *****/
 
.portfolio-box {
    padding-top: 30px;
    text-align: left;
}
 
.portfolio-box-image {
    overflow: hidden;
    border-radius: 4px;
}
 
.portfolio-box-image img {
    -o-transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
 
.portfolio-box-image:hover img {
    -o-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}
 
.portfolio-box h3 {
    margin-top: 30px;
}
.portfolio-box h3 a { color: #555; }
.portfolio-box h3 a:hover, 
.portfolio-box h3 a:focus { color: #9b59b6; }
 
.portfolio-box h3 i {
    padding-left: 10px;
    color: #ccc;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.portfolio-box h3:hover i { padding-left: 15px; }
 
.portfolio-box-date {
    padding-bottom: 10px;
    font-size: 14px;
    color: #aaa;
    text-transform: uppercase;
}
 
.portfolio-box-date i {
    padding-right: 5px;
    color: #ddd;
}
 
.portfolio-container .section-bottom-button {
    padding-top: 40px;
}

/***** Footer *****/

footer {
	padding: 40px 0 0 0;
	background: #D7D6D6;
	color: #004166;
	text-align: left;
}

.footer-left a { color: #004166; border-bottom: 1px dashed #004166; }
/* .footer-left a:hover, .footer-left a:focus { color: #ddd; border: 0; } */

.footer-right {
	text-align: right;
}

.footer-right a {
	margin: 0 6px;
    font-size: 24px;
    color: #004166;
}
/* .footer-right a:hover, .footer-right a:focus 
{ 
    color: #eee; 
} */

.footer-bottom {
	padding-bottom: 25px;
	text-align: center;
}

.footer-bottom a {
	font-size: 32px;
    color: #004166;
    line-height: 40px;
}

.footer-bottom a:hover, .footer-bottom a:focus { color: #888; }