body {
  background-color: #000;
}

.cover_photo {
	background: black;
	opacity: .35;
	width: 100%;
}

.main {
	z-index: 2;
}

a {
	color: black;
}

.not-active:hover {
	color: rgba(51, 159, 255,1);
	opacity: 1;
}

.tab-1{
	display:inline-block; 
	width: 2em;
}

/* Container holding the image and the text */
.first {
  position: relative;
  text-align: center;
  color: white;
  padding-right: 0;
  padding-left: 0;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card {
    margin: 0 auto;
	border: 0;
	max-width: 350px;
	z-index: 5;
}

#accordian-card{
    color: white;
	background: #1E4144;
	margin: 0;
	border-bottom: solid black 1px;
}

#accordian-card .card-link {
    color: white;
	background: #1E4144;
	margin: 0 auto;
	width: 75%;
}

#accordian-card .card-body{
	background: #47797C;
	color:white;
	border-bottom: solid #1E4144;
	border-right: solid #1E4144;
	border-left: solid #1E4144;
}

#accordian-card .card-body {
    color: white;

}

.footer-note {
	size: 8;
	padding-bottom: 15px;
	margin-bottom: 0;
	text-align: center;
	padding-top: 15px;
	background: #065C66;
	color: white;
	
}

.second-level {
	padding-top: 5vw;
	padding-bottom: 5vw;
}

.second-item {
	padding-top: 5vw;
}

.navbar {
	margin-bottom: -7.5vw;
	height: 7.5vw;
	padding: 0;
	z-index: 10;
	/* background: rgba(6,92,102,.4); */
	background: rgba(0,0,0,.25);
}

.nav-link {
	text-align: center;
	padding-top: 2.25vw;
	padding-bottom: 2.25vw;
	margin: 0;
	font-size: 2.5vw;
	color: white;
}

.not-active {
	opacity: .6;
}

.introduce-yourself {
	color: white;
	text-align: justify;
	padding: 15px 15px;
}

.second-background {
	background: #1E4144;
	position: relative;
}
.second-background::after,
.second-background::before {
	position: absolute;
	bottom: 0;
	content: '';
	background: #1E4144;
	width: 100px;
	height: 20px;
	z-index: 1;
}
.second-background::after{
    transform: skew(0,20deg);
    right: 50%;
}
.second-background::before{
    transform: skew(0,-20deg);
    left: 50%;
}

.third-background {
	background: #62A8AC;
	padding-top: 4vw;
	position: relative;
}
.third-background::after,
.third-background::before {
	position: absolute;
	bottom: 0;
	content: '';
	background: #62A8AC;;
	width: 100px;
	height: 20px;
	z-index: 1;
}

.header {
	color: white;
	text-align: center;
	padding-bottom: 15px;
}


.third-background::after{
    transform: skew(0,20deg);
    right: 50%;
}
.third-background::before{
    transform: skew(0,-20deg);
    left: 50%;
}

.following-card {
	margin-top: 5vw;
}

.second-card {
	margin-top: 5vw;
}

@media (min-width: 767px)  {
  .second-card {
    margin-top: 0;
  }
}

#third-card {
	margin-top: 5vw;
}

@media (min-width: 1199px)  {
  #third-card {
    margin-top: 0;
  }
}

.more-info {
	opacity: 0;
	background: #1E4144;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: white;
	padding: 15px 15px;
}

.more-info:hover{
	opacity: .85;
}
.visible {
	opacity: .85;
}

.third-level {
	padding-bottom: 5vw;
}

.third-level .card-img-top {
width: 100%;
height: 45vh;
object-fit: cover;
}

.white-background {
	border-bottom: 1px solid black;
}


.fourth-background {
	background: #47797C;
	padding-top: 4vw;
	position: relative;
	padding-bottom: 4vw;
}


#thank-you {
	margin-bottom: 5vw;
	margin-top: 7vw;
	color: white;
	padding: 10px 15px;
}

.skill_header {
	background: #1E4144;
	color: white;
	border: solid 5px #1E4144;
	margin-bottom: 0px;
	border-bottom: solid 1px #000;
	padding: 3px 1px;
	padding-top: 0px;

}

.skill_header span {
	display: none;
	padding: 15px 15px;
	background: #47797C;
	border-bottom: solid 2px #1E4144;
	opacity: .85;
	text-align: left;
	margin-top: 5px;
	color: white;
}
.skill_header p {
	padding: 0;
	margin: 0;
}

.lastest {
	border-bottom: none;
}


@media (min-width: 767px)  {
  .navbar {
	margin-bottom: -60px;
	height: 60px;
	padding: 0;
}

.nav-link {
	text-align: center;
	padding-top: 18px;
	padding-bottom: 25px;
	margin: 0;
	font-size: 20px;
}
}

.d-block {
	opacity: .7;
	height: 50vw;
}

#accordion{
	width: 100%;
}

h3.header{
	padding-bottom: 0;
	margin-bottom: 0;
}

.carousel img {
        object-fit: contain;
}