.navbar{
	padding: 1% 2% 1% 2%;
	background-color: white;
}

.navbar a{
	color:#0D19A3;
	font-size: 1.2em;
}
.navbar-brand{
	margin-right: 0;
}
.nav-link{
	text-align: right;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;}

.ending{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #0D19A3;
	margin: 5% auto 7% auto;
} 

body{
  overflow-y: scroll;
  color: #4A4A4A;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}
/*Thumbnail*/
#misacon-hero, #spotify-hero, #lyft-hero, 
#newyorker-hero, #blue-hero{
  position: absolute;
  display: none;
  z-index: -1;
  height: 50%;
}
#ufo-hero{
  position: absolute;
  display: none;
  z-index: -1;
  width: 50%;
}
#misacon-hero img, #spotify-hero img, #lyft-hero img,
#newyorker-hero img, #blue-hero img{
	height: 100%;
}
#ufo-hero img{
	width: 100%;
}
/*////*/

.accordion .btn-link, .btn .btn-link .collapsed{
	color: #0D19A3;
	font-weight:200;
	font-size: 3rem;
	background-color:transparent;
	font-family: 'Montserrat', sans-serif;

}


.accordion .btn-link.focus, .btn-link:focus {
    text-decoration: none;
    font-weight: 700;
    color:#FC4444;

}

.accordion .btn-link:hover {
    color:#FC4444;
    text-decoration: none;
}
.accordion .btn-link:visited {
    color:#0D19A3;;
    text-decoration: none;
    font-weight: 200;
}


.card{
	border: 0;
	background-color: rgba(0,0,0,0);
}
.card-header{
	background-color: rgba(0,0,0,0);
	border-bottom:1px solid #FC4444;
	text-align: center;
	padding:2% 3%;
}
.card-body{
	padding:0;
}

.closing-accordion button i{
	color: #FC4444;

}

.closing-accordion{
	text-align: center;
	padding: 5% 0 5% 0;
	border-top:1px solid #FC4444;
	margin-top:7%;
}

/*Project*/
.project-type{
	padding: 2%;
	text-align: center;
}
.hero img{
	width: 100%;
	padding: 2% 0 2% 0;
}
.brief{
	justify-content: center;
	padding-bottom: 5%;
}
.content{
	text-align: center;
	border-top:1px solid #FC4444;
	padding-top:2%;
}
.content img{
	width: 100%;
}
.content .col-12,.col-6{
	padding: 2.5% 0 2.5% 0;
}
.row {
	padding:3% 0 3% 0;
	justify-content: center;
}
.about body{
	margin-top: 15%;
}

.about .row {
	justify-content: left;
	padding: 0%;
}

.resume{
	padding: 0% 2% 0% 2%;
	border-left: 1px solid #FC4444; 
}
.social a{
 	color: #FC4444;
 	font-size: 1.5rem;
 	padding: 0 2% 0 0;
}
.button-resume{
	color: #fff;
	border-radius: 50%; 
	margin: auto;
	width: 120px;
	height: 120px;
  	vertical-align: middle;
  	text-align: center;
  	justify-content: center;
}
.spacer{
	height: 8%;
}
h5{
	font-weight: 700;
	color: #0D19A3;
}
h2{
	color: #0D19A3;
}

/*responsive*/
@media screen and (min-width: 992px) {
#content{
	padding-top:10%;
 }
.about body{
	margin-top: 15%;
}
}

@media screen and (max-width: 992px) {
.resume{
	padding: 3% 0% 3% 2%;
	border-top: 1px solid #FC4444; 
	border-left: 0px solid #FC4444; 
	padding-left: 1%;
	}
.col-md-1{
    display: none;
    }
.col-md-2{
    text-align: left;
  }
#content{
	padding-top:20%;
 }
.about body{
	margin-top: 20%;
	}
}

@media screen and (max-width: 768px) {
.accordion .btn-link, .btn .btn-link .collapsed h1{ 
	font-size: 2rem; 
}
.about body{
	margin-top: 25%;
}
.resume{
	padding: 5% 0% 5% 2%;
	}
 }

@media screen and (max-width: 576px) {
.accordion .btn-link, .btn .btn-link .collapsed h1{ 
	font-size: 1rem; 
	font-weight: 500;
}
h3 {
	font-size:1.5rem
}
#misacon-hero, #spotify-hero, #lyft-hero, 
#newyorker-hero, #blue-hero{
  height: 40%;
}

#ufo-hero{
  width: 40%;
}
.about body{
	margin-top: 35%;
}

 }

@media screen and (max-width: 375px) {
.navbar{
	padding: 1% 0% 1% 2%;
}
.accordion .btn-link, .btn .btn-link .collapsed h1{ 
	font-size: 0.8rem; 
	font-weight: 500;
}
h3 {
	font-size:1rem
}
#content{
	padding-top: 30%;
}
.about body{
	margin-top: 50%;
}
#misacon-hero, #spotify-hero, #lyft-hero, 
#newyorker-hero, #blue-hero{
  height: 30%;
}
#ufo-hero{
  width: 30%;
}
 }