@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');



* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
}

header {
	color: white;
	position: fixed;
	width: 100%;
	padding: 30px 150px 0px;
	background-color: #d4a373;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Montserrat';
	z-index: 100;
}

nav a {
	font-size: 20px;
	color: black;
	margin-left: 4rem;
	font-weight: 500;
	transition: 0.3s ease;
	border-bottom: 3px solid transparent;
}

.headerNav nav a:hover, nav a.clicked {
	transform: scale(2.1);
	color: #ccd5ae;
	border-bottom: 3px solid;
}

.hamburger {
  display: none;
  font-size: 30px;
  cursor: pointer;
  color: black;
}

h1 {
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 50px;
}

h2 {
	font-family: 'Poppins';
	font-weight: 300;
	font-size: 30px;
}

h3 {
	font-family: serif;
	font-weight: 200; 
	font-size: 20px;
}

h6 {
	font-family: 'Arial';
	font-weight: 300;
}

p {
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 17px;
}

body {	
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	background-color: #d4a373;
	color: black;
	padding-top: 0.1px;
	font-family: 'Montserrat', sans-serif;
}

.nameHome {
	font-weight: bold;
	color: black;
	font-size: 40px;
}

/*IFRAME*/

.myVidsContainer {
	margin-top: 5%;
	width: 100%;
	height: 800px;


}

.myVidsContainer iframe {
		width: 100%;
		height: 800px;
	}

/*BODY PART*/



.homeSection {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.imageHolder img {
	margin-left: 150px;
	width: 60%; 
	border-radius: 50%;
	transition: 0.5s ease;
}

.imageHolder img:hover {
	transform: scale(1.1);
	border-radius: 20px;
 }

.text-container {
	flex-direction: column;
	display: flex;
	margin-right: 60px;
 }

.whoIAM h1{ /*Glimpse of Me*/
 	margin-left: 50px;
 }

.description h2{ /*Description*/
	line-height: 1.3;
	margin-top: 1rem;
	width: 55rem;
	text-align: justify;
 }

.lifeverse {
	text-align: center;
 }

#copyright {
	font-size: 20px;
	position: fixed;
	left: 20px;
	bottom: 10px;
}



/*About*/

.aboutBody {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
}

#aboutHeader {
	background-color: transparent;
}

.itdept {
	padding-top: 100px;
	position: absolute;
    width: 100%;
    height: 70%;
    background: url('images/ITdept.jpg') center/cover;
    opacity: 0.5;
    z-index: -1;
    filter: blur(5px);
}

.itStud {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: 90px 20px 0px;

}


.itStud img {
	border: 5px solid;
	height: 500px;		
	width: auto;
}

.itInfos {
	margin-left: 50px;
}

.itInfos h2 {
	font-weight: 400;
}

.barista {
	margin-top: 650px;
	position: absolute;
    width: 100%;
    height: 70%;
    background: url('images/uyu2.jpg') center/cover;
    opacity: 0.5;
    z-index: -1;
    filter: blur(5px);
}

.baristaStud {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin: 90px 20px 0px;

	
}

 .baristaStud img {
	 	border: 5px solid;
    	height: 600px;
    	width: auto;
    }

.baristaInfos {
	margin-right: 50px;




}

	.baristaInfos * {
		text-align: right;
	}
	
	.baristaInfos 	h2 {
		font-weight: 400;
	}

.minister {
	margin-top: 1300px;
	position: absolute;
    width: 100%;
    height: 70%;
    background: url('images/ministry 1.jpg') center/cover;
    opacity: 0.5;
    z-index: -1;
    filter: blur(5px);
}

.ministerStud {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 90px 20px 0px;

}


	 .ministerStud img {
	 	border: 5px solid;
    	height: 550px;
    	width: auto;
    }

.otherBG {
	margin-top: 0px;
    background: url('images/ministry1.jpg') center/cover;
    opacity: 0.5;
}

/*Works*/

.worksIntro {
	margin-top: 8%;
	display: flex;
	justify-content: center;



}

.worksIntro p {
		font-size: 30px;
	}

.gallery-section {
      padding: 40px 20px;
      background-color: #d4a373;
      text-align: center;
    }

    .masonry-gallery {
      column-count: 3;
      column-gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .masonry-item {
      break-inside: avoid;
      margin-bottom: 20px;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      background: #fff;
      transition: transform 0.3s ease;
    }

    .masonry-item img {
      width: 100%;
      display: block;
      height: auto;
      transition: transform 0.3s ease;
    }

    .masonry-item:hover img {
      transform: scale(1.05);
    }

/*CONTACT ME*/


.contactsDiv {
	flex-direction: column;
	display: flex;
	margin-top: 10%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-infos {
	display: flex;
	flex-direction: row;
}

#contactForm {
	width: 50% ;
}

.contact-form {
	gap: 20px;
	padding: 40px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;

}

.contact-form h2 {
	width: 50%;
}

form {
    max-width: 500px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

label {
    font-weight: bold;
}

input, textarea {
    width: 100%;
    padding: 8px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

button {
    width: 100%;
    padding: 10px;
    background-color: #d4a373;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.informations {
	margin: 50px;
	flex-direction: column;
	display: flex;


}

.informations 	h1 {
		padding: 10px;
	}

.contactLogoCont img{
	height: 80px;
	transition: 0.5s ease;
}

.informations img:hover{
	transform: scale(1.1);
}


/*Footer*/
.footContainer {
	display: flex;
	margin-top: 200px;
	height: 200px;
	width: 100%;
	padding: 10px;
	align-items: center;
	background-color: #3f6268;

}

.footContainer 	* {
		color: white;
	}

.footLeft {
	display: flex;
	justify-content: space-between;
	height: auto;
	width: 45%;
	margin-left: 20px;
}

#resText {
	font-family: 'Poppins';
	font-size: 25px;
	font-weight: bold;
}

.resources h2 {
	font-family: 'Montserrat';
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
}

.contents h2{
	transition: 0.5s ease;
}

.contents h2:hover {
	margin-left: 20px;
	transform: scale(1.1);
}

.lineFoot {
	border: 2px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}
.addressFoot {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.addressFoot h2{
	font-family: 'Montserrat';
	font-size: 15px;
	font-weight: light;
}

#connectText {
	font-family: 'Poppins';
	font-size: 25px;
	font-weight: bold;
}

.socials img {
	height: 50px;
	width: auto;
	transition: 0.5s ease;
}

.socials img:hover {
	transform: scale(1.1);
}

.footRight {
	height: auto;
	width: 55%;
	display: flex;
	justify-content: flex-end;
}

.logoContainer img {
	height: 200px;
	width: auto;
}



/* M E D I A  Q U E R Y */



@media (min-width: 769px) and (max-width: 1024px) { /*for small desktop users*/


	/*HOME*/


	header {
		color: white;
		position: fixed;
		width: 100%;
		padding: 25px 45px 0px;
		background-color: #d4a373;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-family: 'Montserrat';
		z-index: 100;
	}


	nav a {
		font-size: 16px;
		color: black;
		font-weight: 500;
		transition: 0.3s ease;
		border-bottom: 3px solid transparent;
	}

	/*IFRAME*/

	.myVidsContainer {
		margin-top: 8%;
		width: 100%;
		height: 600px;

		
	}
	
	.myVidsContainer iframe {
			height: 600px;
		}

	.homeSection {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
	}

	.nameHome {
		font-weight: bold;
		color: black;
		font-size: 30px;
	}

	.imageHolder {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.imageHolder img {
		margin-left: 0px;
		width: 40%;
		border-radius: 50%;
		transition: 0.5s ease;
	}

	.imageHolder:hover {
		margin-bottom: 30px;
	}

	.imageHolder img:hover {
		transform: scale(1.1);
		border-radius: 20px;
	 }

	.text-container { 
		transition: 0.5s ease;
		flex-direction: column;
		margin-left: 50px;
	 }

	.whoIAM h1{ /*Glimpse of Me*/
		text-align: center;
		margin-left: 0px;
		font-size: 40px;
		margin-bottom: 4px;
 	}

 	.description h2{ /*Description*/
 		font-size: 20px;
		line-height: 1.3;
		margin-top: 0.8rem;
		width: 40rem;
		text-align: justify;
	}

	 .lifeverse h3{
	 	font-size: 15px;
		text-align: center;
 	}


	/*ABOUT*/


 	.itdept {
		padding-top: 100px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}

	.itStud {
		display: flex;
		align-items: center;
		flex-direction: row;
		margin: 90px 20px 0px;

	
	}
	
	.itStud img {
			border: 4px solid;
			height: 300px;
			width: auto;
		}

	.itInfos {
		margin-left: 30px;
	}
	
	.itInfos h1 {
			font-size: 40px;
		}
		
	.itInfos h2 {
			font-size: 20px;
		}

	.barista {
		margin-top: 590px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}

	.baristaStud {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		margin: 90px 20px 0px;
	}
	
	.baristaStud img {
		 	border: 4px solid;
	    	height: 500px;
	    	width: auto;
	    }

	.baristaInfos {
		margin-right: 30px;
	
	}
	
	.baristaInfos * {
			text-align: right;
		}
		
	.baristaInfos h1 {
			font-size: 40px;
		}
    .baristaInfos 	h2 {
			font-size: 20px;
		}
		
	.minister {
		margin-top: 1180px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}

	.ministerStud {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin: 90px 20px 0px;
	}
	
	.ministerStud img {
		 	border: 4px solid;
	    	height: 300px;
	    	width: auto;
	    }

	.otherBG {
		margin-top: 0px;
	    opacity: 0;
	}

 	/*WORKS*/


	.worksIntro {
		margin-top: 8%;
		display: flex;
		justify-content: center;
		
	}
	
	.worksIntro p {
			font-size: 20px;
		}

	.masonry-gallery {
		column-count: 2;
	}

	.gallery-section h2 {
		font-size: 1.8rem;
	}

	.masonry-item {
		margin-bottom: 16px;
	}



	/*CONTACT ME*/

	.contact-form {
		flex-direction: column;
		padding: 30px;
	}

	#contactForm, .contact-form h2 {
		width: 90%;
	}

	.contactLogo img{
		height: 25rem;
		width: auto;
	}	

	.contactsDiv {
		display: flex;
		margin: 10% 20px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.informations {
		margin: 45px;
		flex-direction: column;
		display: flex;

		
	}
	
	.informations h1 {
			font-size: 40px;
			padding: 10px;
		}

	.contactLogoCont img{
		height: 60px;
		transition: 0.5s ease;
	}

	.informations img:hover{
		transform: scale(1.1);
	}

	.informations h2 {
		font-size: 20px;
	}

	

	/*FOOTER*/



	.footContainer {
		display: flex;
		margin-top: 200px;
		height: 150px;
		width: 100%;
		padding: 10px;
		align-items: center;
		background-color: #3f6268;
		
	}
	
	
	.footContainer * {
			color: white;
		}

	.footLeft {
		display: flex;
		justify-content: space-evenly;
		height: 8rem;
		width:80%;
		margin-left: 20px;
	}

	#resText {
		font-family: 'Poppins';
		font-size: 20px;
		font-weight: bold;
	}

	.resources h2 {
		font-family: 'Montserrat';
		font-size: 12px;
		font-weight: light;
		margin-bottom: 10px;
	}

	.lineFoot {
		margin-top: 15px;
		border-left: 2px solid;
		height: 7rem;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 15px 30px 0px;
	}
	.addressFoot {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.addressFoot h2{
		font-family: 'Montserrat';
		font-size: 12px;
		font-weight: 400;
	}

	#connectText {
		font-family: 'Poppins';
		font-size: 20px;
		font-weight: bold;
	}

	.socials img {
		height: 30px;
		width: auto;
		transition: 0.5s ease;
	}

	.socials img:hover {
		transform: scale(1.1);
	}

	.footRight {
		align-items: center;
		height: 9rem;
		display: flex;
		justify-content: flex-end;
		width: 50%;
	}

	.logoContainer img {
		height: 100px;
		width: auto;
	}

} /*End of Media Query for small desktops*/




@media (min-width: 469px) and (max-width: 768px) { /*Media Query for Tablets*/


	/*HOME*/


	header {
		color: white;
		position: fixed;
		width: 100%;
		padding: 20px 30px 0px;
		background-color: #d4a373;
		display: flex;
		align-items: center;
		font-family: 'Montserrat';
		z-index: 100;
	}

	nav {
		display: none;
		flex-direction: column;
		background-color: #d4a373;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		text-align: center;
	}

	nav.active {
		display: flex;
	}

	.hamburger {
		display: block; 
	}

	nav a {
		margin: 10px 0;
		font-size: 18px;
		color: white;
	}

	.myVidsContainer {
		margin-top: 10%;
		width: 100%;
		height: 500px;

	}
	
	.myVidsContainer iframe {
			height: 500px;
		}

	.homeSection {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		height: 100%;
	}

	.nameHome {
		font-weight: bold;
		color: black;
		font-size: 21px;
	}

	.imageHolder {
		margin-top: 10%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.imageHolder img {
		margin-left: 0px;
		width: 30%;
		border-radius: 50%;
		transition: 0.5s ease;
	}

	.imageHolder:hover {
		margin-bottom: 30px;
	}

	.imageHolder img:hover {
		transform: scale(1.1);
		border-radius: 20px;
	 }

	.text-container { 
		margin-top: 10px;
		transition: 0.5s ease;
		flex-direction: column;
		width: 50%;
	 }

	.whoIAM h1{ /*Glimpse of Me*/
		text-align: center;
		margin-left: 0px;
		font-size: 30px;
		margin-bottom: 4px;
 	}

 	.description h2{ /*Description*/
 		font-size: 15px;
		line-height: 1.3;
		margin-top: 0.3rem;
		width: 30rem;
		text-align: justify;
	}

	 .lifeverse h3{
	 	margin-top: 100px;
	 	font-size: 15px;
		text-align: center;
 	}


 	/*ABOUT*/

 	.itdept {
		padding-top: 100px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}

	.itStud {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 90px 20px 0px;
	}
	
	.itStud img {
			border: 4px solid;
			height: 350px;
			width: auto;
		}

	.itInfos {
		margin-top: 10px;
		
		
	}
	
	.itInfos h1 {
			font-size: 30px;
			text-align: center;
		}
		
	.itInfos h2 {
			font-size: 18px;
			text-align: center;
		}

	.barista {
		margin-top: 590px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}

	.baristaStud {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 60px 20px 0px;

		 
	}
	
	.baristaStud img {
		 	border: 4px solid;
	    	height: 450px;
	    	width: auto;
	    }

	.baristaInfos {
		margin-top: 10px;
	}
	
	.baristaInfos h1 {
			font-size: 30px;
			text-align: center;
		}
		
	.baristaInfos h2 {
			font-size: 18px;
			text-align: center;
		}

	.minister {
		margin-top: 1180px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}

	.ministerStud {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 60px 20px 0px;

	}
	
	.ministerStud  img {
		 	border: 4px solid;
	    	height: 300px;
	    	width: auto;
	    }

	.otherBG {
		margin-top: 1770px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}


 	/*WORKS*/


	.worksIntro {
		margin-top: 15%;
		display: flex;
		justify-content: center;
	
	}
	
	.worksIntro	p {
			font-size: 18px;
		}

	.masonry-gallery {
    column-count: 1;
  }

  .gallery-section h2 {
    font-size: 1.6rem;
  }

  .gallery-section {
    padding: 30px 15px;
  }

	/*CONTACT ME*/

	.contact-infos {
		flex-direction: column;
		justify-items: center;
		align-items: center;
	}

	.contact-form {
		flex-direction: column;
		padding: 25px;
	}

	#contactForm, .contact-form h2 {
		width: 100%;
	}

	.contactLogo img{
		height: 20rem;
		width: auto;
	}	

	.contactsDiv {
		display: flex;
		margin: 10% 20px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.informations {
		margin: 30px;
		flex-direction: column;
		align-items: center;

		
	}
	
	.informations h1 {
			font-size: 25px;
			padding: 10px;
		}

	.contactLogoCont img{
		height: 50px;
		transition: 0.5s ease;
	}

	.informations img:hover{
		transform: scale(1.1);
	}

	.informations h2 {
		font-size: 15px;
	}


	/*FOOTER*/


	.footContainer {
		display: flex;
		margin-top: 200px;
		height: 150px;
		width: 100%;
		padding: 10px;
		align-items: center;
		background-color: #3f6268;
		
	}
	
	.footContainer * {
			color: white;
		}

	.footLeft {
		display: flex;
		justify-content: space-evenly;
		height: 8rem;
		width:50rem;
		margin-left: 20px;
	}

	#resText {
		font-family: 'Poppins';
		font-size: 15px;
		font-weight: bold;
	}

	.resources h2 {
		font-family: 'Montserrat';
		font-size: 10px;
		font-weight: light;
		margin-bottom: 10px;
	}
	
	.lineFoot {
		border-left: 2px solid;
		height: 7rem;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 10px 30px 0px;
	}
	.addressFoot {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.addressFoot h2{
		font-family: 'Montserrat';
		font-size: 10px;
		font-weight: light;
	}

	#connectText {

		font-family: 'Poppins';
		font-size: 15px;
		font-weight: bold;
	}

	.socials img {
		height: 30px;
		width: auto;
		transition: 0.5s ease;
	}

	.socials img:hover {
		transform: scale(1.1);
	}

	.footRight {
		align-items: center;
		height: 9rem;
		display: flex;
		justify-content: flex-end;
		width: 50%;
	}

	.logoContainer img {
		height: 150px;
		width: auto;
	}
} /*End of Media Query for Tablets*/


@media (min-width: 0px) and (max-width: 468px) { /*Media Query for Phones*/


	/*HOME*/

    body {
        justify-content: center;
        align-content: center;
    }

	nav {
		display: none;
		flex-direction: column;
		background-color: #d4a373;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		text-align: center;
	}

	nav.active {
		display: flex;
	}

	.hamburger {
		display: block; 
	}

	nav a {
		margin: 10px 0;
		font-size: 18px;
		color: white;
	}
	

	.myVidsContainer {
		margin-top: 20%;
		width: 100%;
		height: 300px;
	}
	
	.myVidsContainer iframe {
			height: 300px;
		}

	.homeSection {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		height: 100%;
	}

	.nameHome {
		font-weight: bold;
		color: black;
		font-size: 21px;
	}

	.imageHolder {
		margin-top: 25%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.imageHolder img {
		margin-left: 0px;
		width: 55%;
		border-radius: 50%;
		transition: 0.5s ease;
	}

	.imageHolder:hover {
		margin-bottom: 30px;
	}

	.imageHolder img:hover {
		transform: scale(1.1);
		border-radius: 20px;
	 }

	.text-container { 
		margin-top: 10px;
		transition: 0.5s ease;
		flex-direction: column;
		width: 30%;
	 }

	.whoIAM h1{ /*Glimpse of Me*/
		text-align: center;
		margin-left: 0px;
		font-size: 30px;
		margin-bottom: 4px;
 	}

 	.description h2{ /*Description*/
 		font-size: 15px;
		line-height: 1.3;
		margin-top: 0.3rem;
		width: 25rem;
		text-align: justify;
	}

	 .lifeverse h3{
	 	margin-top: 100px;
	 	font-size: 15px;
		text-align: center;
 	}


 	 /*ABOUT*/

 	.itdept {
		padding-top: 100px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}

	.itStud {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 90px 20px 0px;
	}
	
	.itStud img {
			border: 4px solid;
			height: 200px;
			width: auto;
		}

	.itInfos {
		padding: 5px;
		margin-left: 0px;
		margin-top: 10px;
	
		
	}
	
	.itInfos h1 {
			font-size: 20px;
			text-align: center;
		}
	.itInfos h2 {
			font-size: 13px;
		}

	.barista {
		margin-top: 590px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}

	.baristaStud {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: 60px 20px 0px;
		
	}
	
	.baristaStud img {
			border: 4px solid;
			height: 300px;
			width: auto;
		}

	.baristaInfos {
		padding: 5px;
		margin-right: 0px;
		margin-top: 10px;
		
		
	}
	
	.baristaInfos h1 {
			font-size: 20px;
			text-align: center;
		}
		
	.baristaInfos h2 {
			text-align: center;
			font-size: 13px;
		}

	.minister {
		margin-top: 1180px;
		position: absolute;
	    width: 100%;
	    height: 70%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}

	.ministerStud {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 60px 20px 0px;
	}
	
	.ministerStud img {
		 	border: 4px solid;
	    	height: 250px;
	    	width: auto;
	    }

	.otherBG {
		margin-top: 1770px;
		position: absolute;
	    width: 100%;
	    height: 50%;
	    opacity: 0.5;
	    z-index: -1;
	    filter: blur(5px);
	}


 	/*WORKS*/


	.worksIntro {
		margin-top: 25%;
		display: flex;
		text-align: center ;
		justify-content: center;
	}
	
	.worksIntro p {
			font-size: 18px;
		}

	.gallery-section h2 {
    font-size: 1.4rem;
  }

  .gallery-section {
    padding: 20px 10px;
  }

  .masonry-item {
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  }

	/*CONTACT ME*/

	.contact-form {
		flex-direction: column;
		padding: 20px;
	}

	form {
		padding: 15px;
	}

	#contactForm, .contact-form h2 {
		width: 100%;
		font-size: 16px;
	}

	.contactsDiv {
		display: flex;
		flex-direction: column;
	}
	.contactLogo img{
		height: 15rem;
		width: auto;
	}	

	.contactsDiv {
		display: flex;
		margin: 20% 20px 0px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.informations {
		align-items: center;
		margin: 0px 30px;
		flex-direction: column;
		display: flex;
	}
	
	.informations h1 {
			text-align: center;
			font-size: 25px;
			padding: 10px;
		}

	.contactLogoCont img{
		height: 50px;
		transition: 0.5s ease;
	}

	.informations img:hover{
		transform: scale(1.1);
	}

	.informations h2 {
		text-align: center;
		font-size: 15px;
	}

	/*FOOTER*/



	.footContainer {
		display: flex;
		margin-top: 200px;
		height: 300px;
		width: 100%;
		padding: 1px;
		align-items: center;
		background-color: #3f6268;
		
	}
	
	.footContainer * {
			color: white;
		}

	.footLeft {
		flex-direction: column;
		display: flex;
		justify-content: space-evenly;
		height: 250px;
		width:50rem;
		margin-left: 20px;
	}

	#resText {
		font-family: 'Poppins';
		font-size: 15px;
		font-weight: bold;
	}

	.resources h2 {
		font-family: 'Montserrat';
		font-size: 10px;
		font-weight: light;
		margin-bottom: 5px;
	}
	
	.lineFoot {
		border: 0px solid;
	}

	.addressFoot {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.addressFoot h2{
		font-family: 'Montserrat';
		font-size: 10px;
		font-weight: light;
	}

	#connectText {

		font-family: 'Poppins';
		font-size: 15px;
		font-weight: bold;
	}

	.socials img {
		height: 30px;
		width: auto;
		transition: 0.5s ease;
	}

	.socials img:hover {
		transform: scale(1.1);
	}

	.footRight {
		align-items: center;
		height: 9rem;
		display: flex;
		justify-content: flex-end;
		width: 50%;
	}

	.logoContainer img {
		height: 150px;
		width: auto;
	}
}  /*End of Media Query for Phones*/