.noTopPadding {
	margin-top: 0;
	padding-top: 0;
}

.noBottomPadding {
	margin-bottom: 0;
	padding-bottom: 0;
}

.topPadding1 {
	padding-top: 1em;	
}

.topPadding2 {
	padding-top: 2em;	
}

.topPadding3 {
	padding-top: 3em;	
}

.topPadding4 {
	padding-top: 4em;	
}

.topPadding5 {
	padding-top: 5em;	
}

.bottomPadding1 {
	padding-bottom: 1em;
}

.bottomPadding2 {
	padding-bottom: 2em;
}

.bottomPadding3 {
	padding-bottom: 3em;
}

.bottomPadding4 {
	padding-bottom: 4em;
}

.bottomPadding5 {
	padding-bottom: 5em;
}

.bottomPadding10 {
	padding-bottom: 10em;
}

.space30 {
	width: 30%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.space40 {
	width: 40%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.footerIconGap {
	width: 35%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.footerIconMain {
	width: 30%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.displayInnerSpace {
	width: 15%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.displayOuterSpace {
	width: 70%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.footerSpaceGap {
	width: 30%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.footerSpaceMain {
	width: 40%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}


.footerSpaceSide {
	width: 10%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.footerSpaceMap {
	width: 80%;
	float: left;
	margin-right: auto;
	margin-left: auto;
}

.imgWidth {
	width: 35%;
	display: block;
	margin: 0 auto;
}

.imgIconWidth {
	width: 95%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

	.serviceSide {
		width: 15%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.serviceMain {
		width: 32%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.serviceMiddle {
		width: 6%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.networkServiceSide {
		width: 34%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.networkServiceMain {
		width: 32%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}


/* Medium devices (tablets, less than 992px)*/
/*
@media only screen and (max-width: 991.98px) {
	
	.navImage {
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;		
	}
	
	.navSection {
		width: 0%;
	}
	
	.navMenu {
		width: 100%;
	}
	
	.footerSpaceGap {
		width: 30%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footerSpaceMain {
		width: 40%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.footerSpaceGap {
		width: 30%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.imgWidth{
		width: 70%;
		display: block;
	}


}
*/


.aboutImage{
	width: 25%;
	border-radius: 25px;
	border: 8px solid #000000;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199.98px) {
	
	.aboutImage{
		width: 45%;
		border-radius: 25px;
		border: 8px solid #000000;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.navImage {
		width: 100%;
		float: left;
		height: auto;
		display: block;
		text-align: center;
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.navSection {
		width: 0%;
		display: none;
		float: left;
		justify-content: center;
		margin-top: 0em;
		margin-bottom: 0em;
		padding-top: 0em;
		padding-bottom: 0em;
	}

	.navMenu {
		width: 100%;
		float: left;
		display: flex;
		justify-content: center;
		margin-top: 1em;
		margin-bottom: 1em;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	.space30 {
		width: 5%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space40 {
		width: 90%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.displayInnerSpace {
		width: 5%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.displayOuterSpace {
		width: 90%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.footerIconGap {
		width: 20%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footerIconMain {
		width: 60%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footerSpaceGap {
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.footerSpaceMain {
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footerSpaceSide {
		width: 0%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footerSpaceMap {
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.imgIconWidth{
		width: 40%;
		display: block;
	}

	.imgWidth{
		width: 35%;
		display: block;
	}
	
	.mobilePadding2 {
		padding-bottom: 2em;
	}
	
	.serviceSide {
		width: 0%;
	}
	
	.serviceMiddle {
		width: 0%;
	}
	
	.serviceMain {
		width: 100%;
	}
	
	.networkServiceSide {
		width: 0%;
	}
	
	.networkServiceMain {
		width: 100%;
	}
	

}




/* X-Small devices (portrait phones, less than 576px) */
 @media (max-width: 575.98px) {

	.space30 {
		width: 5%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.space40 {
		width: 90%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.displayInnerSpace {
		width: 5%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.displayOuterSpace {
		width: 90%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.footerIconGap {
		width: 20%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footerIconMain {
		width: 60%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footerSpaceGap {
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}
	
	.footerSpaceMain {
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footerSpaceSide {
		width: 0%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.footerSpaceMap {
		width: 100%;
		float: left;
		margin-right: auto;
		margin-left: auto;
	}

	.imgWidth{
		width: 70%;
		display: block;
	}
	
	.mobilePadding2 {
		padding-bottom: 2em;
	}
	
	.aboutImage{
		width: 65%;
		border-radius: 25px;
		border: 8px solid #000000;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

 }