@charset "UTF-8";

h1 {
	
	font-family: "sofia-pro",sans-serif;
	font-weight: 400;
}

button {
	
	font-family: "sofia-pro",sans-serif;	
	font-weight: 300;
}

h2 {
	color: #7D7D7D;
	font-family: "sofia-pro",sans-serif;	
	font-weight: 300;
}
h3 {
	font-family: "sofia-pro",sans-serif;
	font-weight: 600;
	
	
}

p {
	color: #7D7D7D;
	font-family: "sofia-pro",sans-serif;	
	font-weight: 300;
}

li {
	
	font-family: "sofia-pro",sans-serif;	
	font-weight: 300;
}

h4 {
	font-family: "sofia-pro",sans-serif;
	font-weight: 600;
	
	
}

.navbar-custom {
    
    background-color: #E5F9FC;
}
	
@media (max-width: 320px){
.portfolio {
	width: auto;	
	height: 210px;
	margin-left: auto;
	margin-right: auto;	
	}		
	
	
	}
	
@media (min-width: 320px){

.portfolio {
	width: auto;	
	height: 210px;
	margin-left: auto;
	margin-right: auto;	
	}


	
	
	}
	
	
@media only screen and (min-width: 768px) {

.portfolio {
	width: auto;	
	height: 300px;
	margin-left: auto;
	margin-right: auto;	
	}		
	
	
	
	
	}
	
@media only screen and (min-width: 992px) {
	
	
	
	}