#logo {
  position: relative;
  width: 250px;
  margin-top: 3%;
  left: 5%;
  transition: transform 0.3s ease-in-out; 
}

@media screen and (max-width: 900px) {
#logo {
  position: relative;
  width: 200px;
  margin-top: 3%;
  left: 5%;
  transition: transform 0.3s ease-in-out; 
} 
}

h1 {
	position: relative;
	top: 10%;
	margin-left: auto;
	font-family: 'Cabin', sans-serif;
	font-weight: 700;
	font-size: 90px;
	color: black;
	text-align: center;
	margin-bottom: 5%;
	margin-top: 2%;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	h1 {
	position: relative;
	top: 20%;
	margin-left: auto;
	font-family: 'Cabin', sans-serif;
	font-weight: 700;
	font-size: 110px;
	color: black;
	text-align: center;
	margin-bottom: 3%;
	margin-top: 3%;
}
}



#nabila {
	/*float: center;
	position: relative;*/
	display: block;
	width: 30%;
	/*margin-bottom: 1%;*/
	padding-right: .6%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5%;

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#nabila {
	
	position: relative;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-bottom: 2%;

}
}



.body p{
	position: relative;
	width: 70%;
	left: 15%;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: black;
	text-align: center;
	line-height: 30px;
	margin-bottom: 0%;

}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	.body p{
	position: relative;
	width: 70%;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: black;
	text-align: center;
	line-height: 60px;
	margin-bottom: 5%;

}
}

#resume {
	width: 120px;
	height: 35px;
	background-color: #ef4260;
	color: white;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 15px;
	margin-top: 5%;
	margin-bottom: 5%;
	border: none;
	display: inline-block;

}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	#resume {
	width: 160px;
	height: 75px;
	background-color: #ef4260;
	color: white;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 25px;
	margin-bottom: 5%;
	border: none;
	display: inline-block;

}
}

#resume:hover {
	background-color: black;
}



#resume a {
	text-decoration: none;
	color: white;
}



footer {

	position: relative;
	left: auto;
	right: auto;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: black;
	margin-bottom: 3%;

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	footer {

	position: relative;
	left: auto;
	right: auto;
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: black;
	margin-bottom: 3%;

}
}