@charset "utf-8";
/* CSS Document */

.container-fluid{
	background: #D8CBC3;
	margin: 2% 2%;
	padding: 2%;
	font-family: 'Roboto', sans-serif;
}

h3{
	font-family: 'Roboto', sans-serif;
	color: chocolate;
}

.title{
	margin: 1% 5% 0% 5%;
	
}

.card {
        margin: 5% auto; /* Added */
        float: none; /* Added */
        margin-bottom: 10px; /* Added */
}

.card-text{
	color:sienna;
}

.row{
	display: block;
	float: none;
}

.col-3{
	display: block;
	float: none;
	margin: auto;
}


.btn-toolbar{
	padding: 4% 6% ;
}



.mainbody{
	align-items: center;
	justify-content: center;
	margin:auto;
}

 footer{
	background:#D8CBC3;
	margin:2%;
	display:flex;
	 padding: 1%;
}

.copyright{
	margin:2%;
	display:flex;
	padding: 1%;
	justify-content:center;
	bottom: 10px;
}

.last{
	margin:2%;
}





@media (max-width:767.98px){
	.container-fluid{
		font-size: 0.6em;
		float: none;
		width: 70%;
		margin: 1% auto;
		display: block;
		
	}
	
	.mainbody{
		display: block;
		width: 100%;
	}
	
	.card{
		display: block;
		width: 100%;
	}

	.row{
		display: block;
		width: 100%;
	}
	
	.col-3{
		display: block;
		width: 100%;
	}
	
	.img-fluid{
		width: 50%;
		display: block;
		margin: auto;
		
	}
	


}