/*************** Smaller phone viewpoints ***************/
@media screen and (min-width: 320px) {

	/* Section General */
	section {
		padding: 2.9375rem 0;
		overflow: hidden;
	}

	.section-title {
		text-align: center;
		padding-bottom: 1.875rem;
	}

	.section-title h2 {
		font-size: 1.6875rem;
		font-weight: 600;
	}

	/* Hero Section */
	#hero h1 {
		font-size: 2.5rem;
		letter-spacing: 5px;
		padding: 0 1.25rem;
		font-weight: 600;
		line-height: 40px
	}

	#hero .list-items {
		display: block;
	}

	#hero h2 {
		margin: 1.25rem auto 1.5625rem auto;
		padding: 0 2.5rem;
		text-transform: capitalize;
	}

	#hero .btn-get-started {
		margin-top: 1.5625rem;
	}

	/* Service Section */
	.service-section {
		margin-top: 1.6875rem;
		margin-bottom: 2.5rem;
	}

	.image-icon {
		height: 125px;
		width: auto;
	}

	.service-heading {
		margin-bottom: 1rem;
	}

	.service-sub_heading {
		font-size: 1.25rem;
		text-align: left;
		padding: 0.75rem 2rem;
	}

	/* About us Section */
	#more {display: none;}

	/* Contact Section */
	.contact .info img {
		margin: 0 1.75rem;
	}

	.contact .info h4 {
		padding: 0;
		text-align: left;
		font-weight: 500;
	}

	.contact .info p {
		text-align: left;
		padding: 0 1.5rem;
	}

	.contact .php-email-form button[type=submit] {
		font-weight: 600;
		margin-bottom: 1.75rem;
	}

	/* Footer Section */
	#foot {
		padding-bottom: 0;
	}

	footer {
		padding: 0;
	}

	.footer-nav {
		display: flex;
		flex-direction: row;
	}

	.soc-links {
		display: flex;
		flex-direction: row;
	}

	.footer-nav li {
		margin-right: 0.625rem;
		justify-content: flex-start;
		padding: 0.5rem;
	}

	.soc-links li {
		margin-left: 1.5rem;
		justify-content: flex-start;
	}

	footer p {
		font-size: 1.125rem;
		margin: 1.5rem 0;
		cursor: pointer;
	}
}

/*************** Small devices and most phones ***************/
@media screen and (min-width: 480px) {

	/* Footer Section */
	.footer-nav li {
		margin: 0 1rem;
	}

	.soc-links li {
		margin: 0 1.75rem;
	}
}

/*************** Medium devices (landscape tablets) ***************/
@media screen and (min-width: 768px) {

	/* Contact Section */
	.contact .info img {
		width: 3rem;
		height: auto;
		margin: 0 2rem;
	}

	.contact .info p {
		font-size: 1rem;
	}

	.contact .php-email-form button[type=submit] {
		margin-bottom: 2rem;
	}

	/* Footer Section */
	.footer-nav {
		display: inline-block;
	}

	.soc-links {
		display: inline-block;
	}

	.footer-nav li {
		margin: 0.75rem 0.5rem;
	}

	.soc-links li {
		margin: 0.75rem 0.5rem;
	}
}

/*************** Large devices (laptops/desktops) ***************/
@media screen and (min-width: 992px) {

	/* Navigation Menu */
	.navbar a,
	.navbar a:focus {
		font-size: 1rem;
		font-weight: 600;
	}

	/* Hero Section */
	#hero .list-items {
		display: flex;
	}

	#hero h2 {
		flex-direction: column;
		margin: 1.5rem auto 1.75rem auto;
		padding: 0 0.75rem;
		font-size: 1.25rem;
	}

	/* Contact Section */
	.contact .info img {
		width: 2rem;
		height: auto;
		margin: 0 1.5rem;
	}

	.contact .info h4 {
		font-size: 1.25rem;
	}

	.contact .info p {
		font-size: 0.875rem;
	}

}

/*************** Extra large devices and wide screens ***************/
@media screen and (min-width: 1200px) {}