@charset "utf-8";
/* CSS Document for responsive styles*/

@media screen and (max-width: 1920px) and (min-width: 1400px) {
	
	.sectionContent{
		
		margin-top:10vh;
		width:45%;
		
	}	
	
	.sectionContent p{
		
		font-size:30px;
		
	}
	
	.sectionContent h1{
		
		font-size:3.5rem;
	}
	
	#ui, #ux{
		
		padding-top:2.5vh;
		
	}
	
	#ux p,  #about p{
	
	margin-bottom:40px;
	
}
	
}

@media screen and (max-width: 1399px) and (min-width: 990px) {
	
	.sectionContent{
		
		margin-top:13vh;
		width:65%;
		
	}	
	
	.sectionContent p{
		
		font-size:30px;
		
	}
	
	.sectionContent h1{
		
		font-size:3.5rem;
	}
	
	#ui, #ux{
		
		padding-top:2.5vh;
		
	}
	
	#ux p,  #about p{
	
	margin-bottom:40px;
	
}
	
}

@media screen and (max-width: 989px) {
	
	.fixed-top{
		
		min-height:60px;
		
	}
	
	body{
		
		padding-top:0px;
		margin-top:0px;
		
	}
	
	.jumbotron{
		
		border-radius: 0px;
		padding:0px;
		padding-top:20vh;
		margin-top:0px;
	}
	
}

@media screen and (max-width: 989px) and (min-width: 760px) {
	
	.sectionContent{
		
		margin-top:0vh;
		width:85%;
		
	}	
	
	.sectionContent p{
		
		font-size:30px;
		
	}
	
	.sectionContent h1{
		
		font-size:3.5rem;
	}
	
	#ui, #ux{
		
		padding-top:2.5vh;
		
	}
	
	#ux p,  #about p{
	
	margin-bottom:40px;
	
}
	
}

@media screen and (max-width: 759px){
	
	.p-description{
		
		display:none;
		
	}
	
	.ux-example h4{
		
		font-size:14px;
		
	}
	
}

@media screen and (max-width: 759px) and (min-width: 590px) {
	
	.sectionContent{
		
		margin-top:0vh;
		width:95%;
		
	}	
	
	.sectionContent p{
		
		font-size:20px;
		
	}
	
	.sectionContent h1{
		
		font-size:1.85rem;
	}
	
	
}

@media screen and (max-width: 590px){
	
	.img-mobile{
		
		max-width:100%;
		max-height:100%;
		margin: 0 auto;
		align-content: center;
		
	}
	
	
	.sectionContent{
		padding:30px;
		margin-top:3vh;
		width:95%;
		
	}	
	
	.sectionContent p{
		
		font-size:18px;
		
	}
	
	.sectionContent h1{
		
		font-size:1.85rem;
	}
	
	#ux p, #about p{
		
		font-size:14px;
		margin-bottom:30px;
		
	}
	
	.ux-bg{
		
		height:160vh;
		
	}
	
	.ui-bg{
		
		height:170vh;
		
	}
	
	.col-6 img{
		
		margin:0 auto;
		
	}
	
	
	
}