body {
	font-family: 'Century Gothic';
	margin: 0px;
	padding: 0px;
}

header {
	display: flex; 
    width: 100%; 
    height: 220px; 
    background-color: #00a;
	color: white;	

}
header .title h1 {
	font-size: 4em;
}
.logo {
  margin: auto;
  margin-left: 20px;
}
.navbar { background-color: #04092d}

}
.row {
	margin-top: 180px;
}


.title	{
	margin: auto;
	text-align: center;
}

.top {
	
	text-align: center;
	color: #00a;
}


.clearfix {
	overflow: auto;
}

.marked {
    background-color: orange;
    font-size: 20px;
    padding: 16px;
    color: white;
}
.class08, .class09 {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

	.portfolio {
	             width: 70%; 
				 margin: 20px;
	             transition: all 1s;
	}

.portfolio:hover {
transform: scale(1.1);
}
	#home {background-image: url(../images/boost3.jpg);}
	.caption1 {
	    width: 100%;
	    max-width: 100%;
	    position: absolute;
	top: 50%;
	    z-index: 1;
	}
	.caption1 h3 {
		color: white;
		font-size: 2.1rem;
		text-transform: uppercase;
		padding-bottom: 2rem;
		}
	.caption {
	    width: 100%;
		max-width: 100%;
		position: absolute;
	top: 27%;
		z-index: 1;
		}
	.caption h3 {
	text-align: center;
	    color: white;
	    font-size: 2.1rem;
	    text-transform: uppercase;
	    padding-bottom: 2rem;
	}

	.title {
	font-family: "Century Gothic";
	color: white;
	margin-left: 5rem;
	font-size: 1.7rem;
	}
	.footer {background-color: #04092d; color: white;}
	.landing2 {
		position: relative;
		width: 100%;
		height: 40vh;
		display: table;
		background: #E9ECEF;
		z-index: -1;
	  }
	  .para {
		  text-align: justify;
		  
	  }
	  ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	  }

     .arti a {
		  text-decoration: none;
	  }

	 .arti a:link, a:visited {
		 color: black;
		padding: 14px 25px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
	  }
	  
	  .arti a:hover, a:active {
		color: #007;
		text-decoration: none;
	  }
	  ul.a {
		list-style-type: circle;
	  }
	  ul.a li {padding: 10px}

	  .para a  {
		color: blue;
		text-decoration: none;
	}
	.para a:link, a:visited {
		color: #009                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 ;
	   text-align: center;
	   text-decoration: none;
	   font-style: italic;
	   font-weight: bold;
	 }
	 .para a:hover, a:active {
		color: #007;
		text-decoration: none;
	  }

td .table-link {
	text-decoration: none;
	color: #005;
  
  }
  
  td a:visited {
	color: #00a;
  }
  
  td a:hover {
	color: #000;
  }
  
  td a:active {
	background-color: hotpink;
  } 

.flag {
		position: absolute;
	    top: 10%;
		left: 87%;
		z-index: 1;
		}
		
.card-link {
  color: #00a
}