@media screen and (max-width: 360px) {
  div.title_area {
    font-size: 32px;
  }
}

@media screen and (max-width: 768px) {
  div.title_area {
    font-size: 56px;
  }
}

.footer {
	font-family: 'Roboto Slab', serif;
	text-align: center;
	margin-top: 25px;
	background: grey;
	box-shadow: 7px 5px 2px black;
}
.container_nav {
	margin: 5px;
	box-shadow: 7px 5px 2px black;
}
.title_area {
	font-family: 'Roboto Slab', serif;
	font-size: 72px;
	text-align: center;
	background: grey;
	padding: 5px;
	margin: 10px autp;
}
h2 {
	font-family: 'Roboto Slab', serif;
	margin: 20px 0px 10px 0px;
}
p {
	font-family: 'Roboto Condensed', serif;
}
.card-title-1 {
font-family:Roboto Slab, serif;
font-size: large;
margin: 5px;
text-align: center;
}

.card-container {
	padding: 50px;
}


.container_nav {
	margin: 2% 0% auto auto;
}
.container {
	margin: 5% auto;
}
.nav-link {
	font-family: 'Roboto Slab', Serif;
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: white;}

.p_footer {
	font-family: roboto slab, serif;
	font-weight: bold;
}
.main_container {
	margin: 5% auto;
}
.card-img-top { 
	width: 100%;
	height: 275px;
	object-fit: cover;
	box-shadow: 5px 3px 2px black;
}
.card-text {
	font-family: Roboto Condensed, Serif;
	font-size: medium;
	text-align: center;
}
.title_area {
	box-shadow: 7px 5px 2px black;
}
.main_container {
}

h5 {
	margin: 0px 0px 15px 0px;
}

h4 {
	padding: 35px 0px 5px 0px;
}

.div_resume {
	margin: 1% 0% 1% 10%;
}