/* Intro */
.intro{
	position: relative;

	text-align: center;
	margin-left:  auto;
	margin-right: auto;
}

.backImage{
	width: 100%;
 	opacity: 0.7;

 	object-fit: cover;
}

.logo{
	position: absolute;
	top:  30%;
	left: 5%;

	width:  8%;
	height: 30%;
}
/**/

/* Intro Titles */
.ucdTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 4vw;

	position: absolute;
	top: 1%;
	width: 100%;
}

.semester{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4vw;

	position: absolute;
	bottom: 2%;
	width: 100%;
}
/**/

/* About */

.about{
	position: relative;
}
.aboutTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4vw;
}

.aboutText{
	width: 70%;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7vw;
	text-align: justify;
}
/**/

/* Team Member*/
.groupElements{
	width: 100%;

	margin-left:  auto;
	margin-right: auto;
}

.groupTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4vw;
}

.member{
	width: 33%;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7vw;
}

.row{
	width: 90%;
}
.elementPhoto{
	width:  10vw;
	height: 10vw;
	
	border:3px solid white;
	border-color: white;
	border-radius: 45%;
}

.elementName{}

.elementTitle{
	font-weight: bold;
}
/**/

/* Delivverables */
.deliverales{
	text-align: center;
	margin-left:  auto;
	margin-right: auto;
}

.deliverablesTitle{
	font-family: Helvetica, sans-serif;
	font-size: 4vw;
}

.deliverablesText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3vw;
}
/**/

/* Resizing */
@media (max-width: 900px){
	
}

@media (max-width: 500px){

}