@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
	text-decoration: none;
	
	}


/* @font-face {
    font-family: "Poppins";
	src: url('../fonts/Poppins-Regular.ttf') format("truetype");
	
	 font-weight: normal;
	 font-style: normal;
	}*/

/* @font-face {
    font-family: "Poppins";
	 src: url('../fonts/Poppins-Italic.eot') format('embedded-opentype'),
    url('../fonts/Poppins-Italic.woff2') format('woff2'),
    url('../fonts/Poppins-Italic.woff') format('woff'),
	url('../fonts/Poppins-Italic.ttf') format('truetype');
	 font-weight:200;
	 font-style: italic;
	}*/
/*
 @font-face {
    font-family: "Poppins";
   src: url('fonts/Poppins-SemiBold.eot') format('embedded-opentype'),
    url('fonts/Poppins-SemiBold.woff2') format('woff2'),
    url('fonts/Poppins-SemiBold.woff') format('woff'),
	url('fonts/Poppins-SemiBold.ttf') format('truetype');
	 font-weight:600;
	 font-style: normal;
	}*/


body {
	min-height: 100vh;
	display: grid;	
	grid-template-columns: 1fr;
	grid-template-rows: 4vh auto 1fr auto auto;
	grid-template-areas: 
		"topspacer"
		"navbar"
		"main"
		"content"
		"footer";
	font-size: 100%;
	}




/* Start of layout styles */

topspacer {
	min-height: 5vh;
	position: sticky;
	top: 0; left: 0; right: 0;
	width: 100%;
	background-color: #EBEBEB;
	z-index: 1001;
	
}

nav{
	height: 5rem;	
	top: 4vh; left: 0; right: 0;
	position: sticky;
	grid-area: navbar;			
	background-color: white;
	padding: 4.2em;	
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1000;
	box-shadow: -4px 9px 5px -6px rgba(88,83,83,0.56);
-webkit-box-shadow: -4px 9px 5px -6px rgba(88,83,83,0.56);
-moz-box-shadow: -4px 9px 5px -6px rgba(88,83,83,0.56);
	}


/*main{
	grid-area: main;
	background-image: url("../images/home_hero_01.jpg");
	width: 100%;
	background-size: contain;
	position: relative;
	background-repeat: no-repeat;
	}*/

main {
	grid-area: main;	
	position: relative;
	}

/* End of layout styles */

/* start of Home page > hero section with text at left*/
.cont-hero{
	margin-left: auto;
    margin-right: auto;
	 overflow: hidden;
	height: auto;
	display: block;
	position: relative;
	width: 100%;
	background: #67bce7;
	}

.cont-hero-text{
	display: block;
    width: 42%;
    float: left;
    position: relative;
     top: 5rem;
    left: 6rem;
}

.cont-hero-text h2 {
	color: #fff;
	font-size: 2.1rem;
}

.cont-hero-text h3 {
	color: #fff;
	font-size: 1.3rem;
	letter-spacing: 1px;
}


.hero-img img{
	width: 50%;
	object-fit: cover;
	float: right;
		
}

/* End of Home page > hero section with text at left*/

/*Start of Other pages > hero section for top header*/
.cont-hero-otherpages-wrapper{
	 display: flex;
  flex-wrap: wrap;
	}

.content-card-left-textbox-otherpages {
 background-color: #67bce7;
  padding: 10px;
  flex: 40%;
	
}

.content-card-left-textbox-otherpages-only-h3 {
 background-color: #67bce7;
  padding: 10px;
  flex: 40%;
	
}


.content-card-right-img-otherpages {
 background-color: #fff;
  flex: 60%;
}


.content-card-right-img-otherpages img {
	max-width: 100%;
	height: 100%;
	    border-style: solid;
    border-color: #67bce7;
	}


.content-card-image-otherpages {
	width: 60%;
	display: inline-block;
	position: relative;
	
	
}

.content-card-left-textbox-otherpages h2 {
	color: #fff;
	font-size: 1.3rem;
    margin-left: 5.7rem;
	margin-top: 6rem;
	
}


.content-card-left-textbox-otherpages h3 {
	color: #fff;
    font-size: 2.8rem;
    letter-spacing: 1px;
    margin-left: 5.7rem;
    line-height: 3rem;
}


.content-card-left-textbox-otherpages-only-h3 h3 {
	color: #fff;
    font-size: 2.8rem;
    letter-spacing: 1px;
    margin-left: 5.7rem;
	margin-top: 9rem;
    line-height: 3rem;
}


/*End  of Other pages > hero section for top header*/



/*new for hero section to have text at left*/



.hero-gradient {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.431), rgba(0, 255, 183, 0.427));
	position: absolute;
	top: 0;
	left 0;
	height: 100%;
	width: 100%;		
		
}

/*Start of Home > Top Whats in this page links*/

.Home-top-buts-wrapper {
	width: 100%;
	background-color: #fff;
	display: flex; 
	flex-direction: row;
	justify-content: center;
	margin-top: 2rem;
	gap: .6rem;
	flex-wrap: wrap;
}

.nav-links {
	flex: 1;
	text-align: center;
}

.nav-links ul li {
	list-style: none;
	display: inline-block;
	padding: 12px 12px 12px 12px;
	position: relative;
	text-align: center;
	border-left-style: solid;
	border-left-color: gray;
	border-left-width: thin;
	border-right-style: solid;
	border-right-color: gray;
	border-right-width: thin;
}

.nav-links ul li a{
	color:#003A5D;
	text-decoration: none;
	font-size: 1.1rem;
	}



.nav-links ul li::after{
	content: '';
	width: 0%;
	height: 2px;
	background: #804d9f;
	display: block;
	margin: auto;
	transition: 0.5s;
	}

.nav-links ul li:hover::after{
	width: 100%;
	}


.nav-links ul li::after{
	content: '';
	width: 0%;
	height: 2px;
	background: #804d9f;
	display: block;
	margin: auto;
	transition: 0.5s;
}

.nav-links ul li:hover::after{
	width: 100%;
}

/*End of Home > Top Whats in this page links*/



/*Start of Home page body content*/
content {
	grid-area: content;	
	width: 100%;	
	position: relative;	
	/*padding-left: 2rem;*/
			}

.content-textbox-wrapper {
	width: 100%;
	background-color: #fff;
	display: flex; 
	justify-content: center;
}


.content-textbox-grey-bgr-wrapper {
	width: 100%;
	background: #f9f4f4;
	display: flex; 
	justify-content: center;
}

.content-textbox-image-wrapper {
	width: 100%;
	background-color: #fff;
	display: flex; 
	justify-content: center;
}

.content-textbox {
	width: 80%;
	color: #fff;
	display: inline-block;
	position: relative;
	text-align: center;	
	padding-bottom: 80px;
}
.content-textbox-grey-bgr {
	width: 80%;
	color: #000;
	display: inline-block;
	position: relative;
	text-align: center;	
	padding-bottom: 80px;
	}



.content-textbox h3 {
	color: #1E8C4E;
	text-align: center;
	font-size: 1.3rem;
	padding-bottom: 14px;
	padding-top: 60px;
			}
.content-textbox-grey-bgr h3{
	color: #1E8C4E;
	text-align: center;
	font-size: 1.3rem;
	padding-bottom: 14px;
	padding-top: 60px;
}

.content-textbox h2 {
	color: #804d9f;
	text-align: center;
	align-content: center;
	font-size: 1.1rem;
	padding-bottom: 20px;
			}

.content-textbox-grey-bgr h2{
	color: #804d9f;
	text-align: center;
	align-content: center;
	font-size: 1.1rem;
	padding-bottom: 20px;
}
.content-textbox p {
	color: #000;
	text-align: center;
	align-content: center;
	font-size: 1rem;
	margin-bottom: 1.4rem;
			}


.content-textbox-grey-bgr p{
	color: #000;
	text-align: center;
	align-content: center;
	font-size: 1rem;
	margin-bottom: 1.4rem;
}

.content-textbox .button-content{
	display: inline-block;
	text-decoration: none;
	border-radius: 28px;
	color: #fff;
	border: 1px solid #fff;
	padding: 12px 34px;
	background: #655371;
	position: relative;
	cursor: pointer;	
	line-height: 1;
}

.content-textbox-grey-bgr .button-content{
	display: inline-block;
	text-decoration: none;
	border-radius: 28px;
	color: #fff;
	border: 1px solid #fff;
	padding: 12px 34px;
	background: #655371;
	position: relative;
	cursor: pointer;	
	line-height: 1;
}
.content-textbox .button-content:hover{
	background: #00a95c;
	border: 1px solid #fff;
	transition: 1s;
}

.content-textbox-grey-bgr .button-content:hover{
	background: #00a95c;
	border: 1px solid #fff;
	transition: 1s;
}

/*End of Home page body content*/


/*Start of non-home(other) pages body content*/
.content-textbox-otherpages {
	width: 80%;
	color: #fff;
	display: inline-block;
	position: relative;
	text-align: center;	
	padding-bottom: 80px;
}


.content-textbox-otherpages .quote-main-body {
	color: #000;
    text-align: center;
    align-content: center;
    font-size: 1rem;
    margin-top: 3rem;
	
}

.content-textbox-otherpages h2 {
	color: #00a95c;
	text-align: center;
	align-content: center;
	font-size: 1.6rem;
    margin-top: 4rem;
				}

.content-textbox-otherpages h3 {
	color: #804d9f;
	text-align: center;
	align-content: center;
	font-size: 1.6rem;
    margin-bottom: 2.6rem;
    margin-top: 1.2rem;
			}

.content-textbox-otherpages ul {
	color: #000;
	text-align: left;
	align-content: center;
	font-size: 1rem;
	margin-bottom: 1.4rem;
	list-style: none;
			}

.content-textbox-otherpages ul li::before {
   display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.55rem;
    width: 0.55rem;
    margin-right: 0.5rem;
    background-color: #804d9f;
}



.content-textbox-otherpages p {
	color: #000;
	text-align: left;
	align-content: center;
	font-size: 1rem;
	margin-bottom: 1.4rem;
			}
/*End of non-home(other) pages body content*/


.cont-button-hero{
	position: relative;
	display: block;
	top: 30px;
	left: 80px;
	
}


}



.herocontent {
	background-image: url("../images/home_hero_01.jpg");
	width: 100%;
	background-size: contain;
	position: relative;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}



/*start of styles for other pages with plain content. No hero header on top */

.content-textbox-otherpages-plain {
	width: 80%;
	color: #fff;
	display: inline-block;
	position: relative;
	text-align: center;	
	margin-bottom: 150px;
}

.content-textbox-otherpages-plain h2 {
	color: #000000;
	text-align: left;
	align-content: center;
	font-size: 1.6rem;
    margin-top: 3rem;
	margin-bottom: 1rem;
				}

.content-textbox-otherpages-plain h3 {
	color: #000000;
	text-align: left;
	align-content: center;
	font-size: 1.6rem;
    margin-bottom: .8rem;
    margin-top: 1.2rem;
			}

.content-textbox-otherpages-plain p {
	color: #000;
	text-align: left;
	align-content: center;
	font-size: 1rem;
	margin-bottom: 2rem;
			}

.content-textbox-otherpages-plain ul {
	color: #000;
	text-align: left;
	align-content: center;
	font-size: 1rem;
	margin-bottom: 1.4rem;
	list-style: none;
			}

.content-textbox-otherpages-plain ul li::before {
   display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.55rem;
    width: 0.55rem;
    margin-right: 0.5rem;
    background-color: #804d9f;
}
/*End of styles for other pages with plain content. No hero header on top */


/*Start of css for header and Main Menu*/
nav .logo{	
	object-fit: cover;
	clear: both;
	float: left;
	padding: 1em;
	width: 200px;
  height: auto;
	
}

nav .navbar{
	
	display: block;
	position: relative;
}
nav .navbar ul{
	list-style: none;
	}

nav .navbar ul li{
	position: relative;
	float: left;
	
}

nav .navbar ul li a{
	font-size: 1.2em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color:#003A5D;
	display: block;

	}

nav .navbar ul li a:hover{
	background: #804d9f;
	color:#fff;
	}

nav .navbar ul li ul{
	position: absolute;
	left:0;
	width: 300px;
	background: #fff;
	display: none;
	
}


nav .navbar ul li ul li{
	width:100%;
	padding-left: 0px;	
	}

nav .navbar ul li:focus-within > ul,
nav .navbar ul li:hover > ul{
	display: initial;
}

#menu-bar{
	display: none;
}

nav label{
	font-size: 20px;
	color: #333;
	cursor: pointer;
	display: none;
	
}



/*start of cards for testimonies home page*/

.card-test-wrapper {
    gap: 1em;
	padding-top: 2rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
	
	
}
 
.card-testimony {
    background-color: #804d9f;
	justify-content: center;
	align-items: center;
	color: #fff;
	aspect-ration: 3 / 2;
	font-size: 2rem;
	column-gap: 12px;
	flex: 0 1 calc(25% - 1em);
	border-radius: 15px;
	padding-bottom: 2rem;
}



.card-testimony-image {
	background-color: #804d9f;
	height: 140px;
	margin-bottom: 15px;
	background-size: cover;
	border-radius: 15px 15px 0 0;
	
}

.card-testimony-org-dev {
	background-image: url("../images/home_hero_transform-lead.jpg")
}
.card-testimony-leader-dev {
	background-image: url("../images/home_hero_leader-dev.jpg")
}
.card-testimony-transform-lead {
	background-image: url("../images/home_hero_leader-dev.jpg")
}
.card-testimony-strengthen-sme {
	background-image: url("../images/home_hero_strengthen-sme.jpg")
}
.card-testimony-career-coach {
	background-image: url("../images/home_hero_career-coach.jpg")
}
.card-testimony-empower-women {
	background-image: url("../images/home_hero_empower-women.jpg")
}


.card-testimony h2 {
 	text-transform: uppercase;
    color: #fff;
    font-size: 1.1rem;
    padding: .7rem;
	
}

.card-testimony p {
 	color: #fff;
	font-size: 1rem;
	padding-bottom: 1rem;
	padding: .7rem;
	text-align: left;
			
}

.card-testimony ul li {
 	color: #fff;
	font-size: 1rem;
	padding-bottom: 1rem;
	text-align: left;
	padding-left: 2rem;
			
}

.card-testimony ul li::before  {
 	   display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.55rem;
    width: 0.55rem;
    margin-right: 0.5rem;
    background-color: #fff;
			
}


/*end of cards for testimonies home page*/



/*start of cards for systems and process page*/

 
.card-systems_process_img_holder {
    width: 100%;
	height: auto;
	max-width: 1176px;
	overflow: hidden;
	
}
		

.card-systems_procese_gui_image {
	width: 100%;
	height: auto;
	max-width: 1176px;
		
}

/*end of cards for systems and process page*/


/* start of style for About us page*/

.content-textbox-wrapper {
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
}

.abtus-content-wrapper {
  width: 80%;
    background-color: #fff;
    display: flex;
	flex-wrap: wrap;
	margin-top: 3rem;
    
}

.abtus-content-wrapper > * {
  padding: 10px;
  
	
	}

.aside-1 {
  background: white;
}


.aside-1 img {
  vertical-align: top;
  object-fit: cover;
  max-height: 100%;
  min-width: 100%;
	border-radius: 8px;
}

.aside-1 h2 {
  	color: #804d9f;
	text-align: center;
	align-content: center;
	font-size: 1.5rem;
	padding-top: 2rem;
		}

.aside-1 h3 {
  	color: #000000;
	text-align: center;
	align-content: center;
	padding-top: 1rem;
    font-size: 1rem;
	
}

.aside-1 h4 {
  	color: #000000;
	text-align: center;
	align-content: center;
	padding-top: .4rem;
    font-size: 1rem;
	padding-bottom: 20px;
	
}



.main {
  text-align: left;
  background: white;
}

.main-2 {
    background: white;
}

.main-2 h1{
    color: #804d9f;
	padding-bottom: 1rem;
}


.card-abtus-cont {
  background: white;
  width: 90%;
  border: 4px;  
}

/* End of style for About us page*/

/*Start of styles for contacts us*/


.contact-container_wrapper{
	display: flex;
	flex-wrap: wrap;
 	 justify-content: center;
  	max-width: 90%;
	flex-direction: row;
	margin-top: 2rem;
	margin-bottom: 8rem;
 	 padding: 0 20px;
	
}

.contact-section {
    margin-top: 1rem;
}


.contact-section h2 {
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

.contact-section p, .contact-section ul {
  font-size: 1rem;
  margin: 5px 0;
}

.contact-section ul {
  padding: 0;
  list-style: none;
	    line-height: 1.8rem;
}

.contact-section p a {
  color: #0F0E0E;
  text-decoration: none;
}

.contact-section p a:hover {
  color: #0F0E0E;
  text-decoration: underline;
  
}

.contact-section ul li a {
  color: #0F0E0E;
  text-decoration: none;
}

.contact-section ul li a:hover {
  text-decoration: underline;
}

.social-icons {
  display: flex;
  gap: 10px;
}

.social-icons a img {
  width: 24px;
  height: 24px;
}

/*End of styles for contac us*/

/*Start of styles for Footer*/
footer{
	grid-area: footer;
	background-color: #9f9b9b;
	color: white;
	padding:  2em;
}
.Foooter-container_wrapper{
	display: flex;
	flex-wrap: wrap;
 	 justify-content: space-between;
  	max-width: 1200px;
	flex-direction: row;
	margin: 0 auto;
 	 padding: 0 12rem;
	
}

.footer-section {
    margin: 10px;
	flex-grow: 1
}

/* Use a collapsed column to break to a new column */
.footer-section-break-column {
  flex-basis: 100%;
  width: 0;
	    text-align: center;
	margin-top: 2rem;
	color: lightgrey;
	margin-bottom: 2rem;
}

.footer-section h2 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.footer-section p, .footer-section ul {
  font-size: 1rem;
  margin: 5px 0;
}

.footer-section ul {
  padding: 0;
  list-style: none;
	    line-height: 1.8rem;
}

.footer-section p a {
  color: white;
  text-decoration: none;
}

.footer-section p a:hover {
  color: white;
  text-decoration: underline;
  
}

.footer-section ul li a {
  color: white;
  text-decoration: none;
}

.footer-section ul li a:hover {
  text-decoration: underline;
}

.social-icons {
  display: flex;
  gap: 10px;
}

.social-icons a img {
  width: 24px;
  height: 24px;
}

.copyright {
	color: white;
  text-decoration: none;
		text-align: center;
	display: block;
	width: 80%;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.footer-section-break-column a {
	 color: white;
  text-decoration: none;
}

.footer-section-break-column a:hover {
	 color: white;
   text-decoration: underline;
}


/*End of styles for Footer*/

/*start of media queries for home page*/	

@media(min-width: 640px) and (max-width: 991px){
	header{
		padding: 20px;
	}
	
	topspacer {
	min-height: 1vh;
	position: sticky;
	top: 0; left: 0; right: 0;
	width: 100%;
	background-color: #EBEBEB;
	z-index: 1001;
	
}
	
	nav{
	height: 5rem;	
	top: 5vh; left: 0; right: 0;
	position: sticky;
	grid-area: navbar;			
	background-color: white;
	padding: 3em;	
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1000;
	}
	
	nav .logo{	
	object-fit: cover;
	clear: both;
	float: left;
	padding: 1em;
	width: 140px;
  height: auto;
	
}
	
	nav label{
		display: initial;
		}
	
	nav .navbar{
		position: absolute;
		top:100%; left:0; right:0;
		background: #fff;
		border-top: 1px solid rgba(0,0,0,.1);
		display: none;
	}
	
	nav .navbar ul li {
		width: 100%;
		}
	
	nav .navbar ul li ul{
		position: relative;
		width: 100%;
		}
	nav .navbar ul li ul li{
		background: white;
		}
	nav .navbar ul li ul li ul{
		width: 100%;
		left:0;
		}
	#menu-bar:checked ~ .navbar{
		display: initial;
}
	

			.cont-hero-text{
				display: block;
				/* width: 22%; */
				float: left;
				position: relative;
				top: 1rem;
				left: 1rem;
				font-size: 1rem;
		}

			.cont-hero-text h2 {
			color: #fff;
			font-size: .7rem;
				padding-bottom: 12px;
		}

		.cont-hero-text h3 {
			color: #fff;
			font-size: .6rem;
		}
	
}


@media(min-width: 850px) and (max-width: 1052px){
	
	.cont-hero-text{
	display: block;
    width: 38%;
    float: left;
    position: relative;
     top: 4rem;
    left: 5rem;
}

.cont-hero-text h2 {
	color: #fff;
	font-size: 1.4rem;
}

.cont-hero-text h3 {
	color: #fff;
	font-size: 1.2rem;
}

	
}

@media(min-width: 477px) and (max-width: 850px){
	
	.abtus-col-1 h3 {
  margin-left: 4.2rem;
    line-height: 3rem;
	font-size: 2.8rem;
}
	
.abtus-col-1 p {
   margin-left: 2rem;
        line-height: 2.4rem;
        font-size: 1.6rem;
}
	
		.abtus-col-2 h3 {
 margin-left: 2rem;
        line-height: 3rem;
        font-size: 2rem;
        margin-top: 1rem;
}
	
.abtus-col-2 p {
   margin-left: 2rem;
        line-height: 2.4rem;
        font-size: 1.6rem;
	padding-bottom: 60px;
}
	
	
	.cont-hero-text{
	display: block;
    width: 38%;
    float: left;
    position: relative;
     top: 4rem;
    left: 5rem;
}

.cont-hero-text h2 {
	color: #fff;
	font-size: .8rem;
}

.cont-hero-text h3 {
	color: #fff;
	font-size: .7rem;
}

	
}

/*End of media queries for home page*/	



/*start of media queries for other pages*/	
@media(min-width: 600px) and (max-width: 998px){
	
.content-card-left-textbox-otherpages h2 {
	color: #fff;
	font-size: 1.3rem;
    margin-left: 4.2rem;
	margin-top: 4rem;
	
}

	.content-card-left-textbox-otherpages h3 {
	    color: #fff;
    font-size: 2.8rem;
    letter-spacing: 1px;
    margin-left: 4.2rem;
    line-height: 3rem;
}
	
}
/*start of media queries for other pages*/	


/*start of media query for about us */

@media all and (min-width: 350px) {
  .aside { flex: 1 auto; }
  .aside-1 { order: 1; } 
  .main    { order: 2; }
	.main p {
		text-align: left;
		font-size: 1.4rem;
	}
  .main-2    { 
	  order: 3; 
	  display: flex;
      flex-flow: row;
	  flex-wrap: wrap;
      gap: 3rem;	
	  margin-top: 3rem;
      margin-bottom: 3rem;
	  justify-content:  center;
	}
  .card-abtus-cont { order: 4; } 
  .card-abtus-cont h1 {text-align: center;}
	.card-abtus-cont p {
		text-align: center;
		font-size: 1.4rem;
	}
  .footer  { order: 5; }
}


@media all and (min-width: 600px) {
  .aside { flex: 1 auto; }
  .aside-1 { order: 1; } 
  .main    { order: 2; }
	.main p {
		text-align: left;
		font-size: 1rem;
	}
  .main-2    { 
	  order: 3; 
	  display: flex;
      flex-flow: column;
      gap: 3rem;
	  margin-top: 3rem;
      margin-bottom: 3rem;
	
	}
  .card-abtus-cont { order: 4; } 
   .card-abtus-cont h1 {
	   text-align: center;
	font-size: 1.2rem;}
	.card-abtus-cont p {
		text-align: center;
		font-size: 1rem;
	}
  .footer  { order: 5; }
}

@media all and (min-width: 850px)  {
  .main {
    flex: 3 0px;
  }
  .main p {
    font-size: 1rem;
  }
  .aside-1 {
    flex: 25%;
    max-width: 25%;
  }
  .main-2 {
    order: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    flex: 1 100%;
    flex-flow: row;
    justify-content: center;
  }
  .card-abtus-cont {
    text-align: center;
  }
  .card-abtus {
    flex: 1 0px;
    text-align: left;
  }
  .card-abtus-cont h1 {
    text-align: center;
	  font-size: 1.2rem;
  }
  .card-abtus-cont p {
    text-align: center;
    font-size: 1rem;
  }
  .aside-1 {
    order: 1;
  }
  .main {
    order: 2;
  }
  .main-2 {
    order: 3;
  }
  .card-abtus-cont {
    order: 4;
  }
  .footer {
    order: 5;
  }
}

/*end of media query for about us*/