body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

/*HEADER--------------------->*/

nav a {
  padding: 0 19px;
  margin: 0;
  color: white;
  font-weight: 700;
  text-transform: uppercase;
}

 nav a:hover { 
    text-decoration: none;
} 

header nav {
     display: flex;
     justify-content: flex-end;
     flex-wrap: wrap;
}

#sub-heading { 
     font-size: 15px;
     color: white;
} 

.row { 
     margin-left: 0px;    
} 

header h1 {
     margin: 0;
     font-family: Oswald;
     color: white;
     font-size: 20px; 
     margin-top: 20px;
}

header .row {
     display: flex;
     align-items: center;
}

header {
  padding: 12px;
  background-color: black;
  font-size: smaller;
  position: fixed;
  z-index: 1;
}

/*-------------------------------------->*/
/*.header { */
/*     margin-left: 5px;  */
/*} */

.header2 { 
     margin-left: 30px;  
     margin-top: 20px;
} 

#hr1 { 
    border: 1px solid #000000;  
    width: 1380px;
} 

hr { 
    border: 1px solid #000000;  
    width: 1380px;
} 

.projects { 
     margin-top: 60px; 
     margin-bottom: 30px;
} 

.heading { 
    background-color: #1abc9c;
    padding-top: 300px;
    padding-bottom: 200px;
} 

.heading h3 { 
     font-weight: 700;
     font-size: 40px;
} 

.heading h5 { 
     text-align: center;
     color: #404040; 
     font-weight: 700;
     text-shadow: 0.25px 0.25px 0.25px;
} 

.project-image { 
     width: 600px;
     height: 350px;
     border: 1px solid black;
     border-radius: 5px;
} 

.project-name { 
     margin-top: 10px;
     float:left;
     margin-left: 50px;
} 

.sourceCodebtn { 
     margin-top: 10px;
     margin-left: 345px;
} 

.sourceCodebtn2 { 
     margin-top: 10px;
     margin-left: 340px;
}

.sourceCodebtn3 { 
     margin-top: 10px;
     margin-left: 332px;
}

.sourceCodebtn4 { 
     margin-top: 10px;
     margin-left: 275px;
}

.project-langs { 
     float: left;  
     margin-right: 400px;
     margin-left: 50px;
} 

.project-container { 
     margin-bottom: 30px;  
} 

.project-description { 
     margin-top: 35px;
     margin-left: 50px;
     width: 600px; 
     text-align: justify;
} 

 .search { 
     width: 200px;
     margin-left: 430px;
     height: 30px;
     margin-top: 8px;
} 

.navi { 
     margin-top: 45px;
     margin-left: 40px;
} 

#selectMenu { 
     margin-left: 190px;
     margin-top: 10px;
     height: 30px;
     width: 200px;
} 

footer {
  font-size: 12px;
  padding: 30px 0;
  margin-top: 100px;
  background-color: black;
}

footer .col-sm-8 {
  display: flex;
  justify-content: flex-end;
}

footer ul {
  list-style: none;
}

footer li img {
  width: 32px;
  height: 32px;
}

 footer .col-sm-4 {
   color: #FFF; 
}

footer .row {
  display: flex;
  align-items: center;
}

.projects img {
	background: lightgrey;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.projects img:hover {
	opacity: .5; 
}

/*.projects img {*/
/*	-webkit-transform: scale(1);*/
/*	transform: scale(1);*/
/*	-webkit-transition: .3s ease-in-out;*/
/*	transition: .3s ease-in-out;*/
/*}*/
/*.projects img:hover {*/
/*	-webkit-transform: scale(1);*/
/*	transform: scale(1);*/
/*}*/

/*.projects img {*/
/*	-webkit-transform: scale(1.5);*/
/*	transform: scale(1.5);*/
/*	-webkit-transition: .3s ease-in-out;*/
/*	transition: .3s ease-in-out;*/
/*}*/
/*.projects img:hover  {*/
/*	-webkit-transform: scale(1);*/
/*	transform: scale(1);*/
/*}*/