body{
	margin:0;
	font-family: var(--primary-font);
	background: var(--light-color);
  color:var(--font-color);
  overflow-x: hidden;
  font-family: var(--primary-font);
}

section{
	width:100%;
	padding: 1vw 7.5vw;
  box-sizing: border-box;

}


.flex{
	display: flex;
}

.items-center{
	align-items: center;
}
.items-end{
	align-items: flex-end;
}
.items-start{
	align-items: flex-start;
}

.justify-center{
	justify-content: center;
}
.justify-end{
	justify-content: flex-end;
}
.justify-start{
	justify-content: flex-start;
}

.justify-between{
	justify-content: space-between;
}

.justify-around{
	justify-content: space-around;
}
.justify-evenly{
	justify-content: space-evenly;
}
.align-self-end{
	align-content: flex-end;
}
.flex-column{
	flex-direction: column;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-1{
	flex:1;
}
.flex-2{
	flex:2;
}
.flex-3{
	flex:3;
}
.flex-4{
	flex:4;
}
.flex-5{
	flex:5;
}
.flex-6{
	flex:6;
}
.flex-7{
	flex:7;
}
.flex-8{
	flex:8;
}
.flex-9{
	flex:9;
}
.flex-centered{
	display: flex;
	justify-content: center;
	align-items: center;
}


.position-relative{
	position: relative;
}

.position-fixed{
	position: fixed;
}


.position-absolute{
	position: absolute;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.text-left{
	text-align: left;
}
.text-justify{
  text-align: justify;
}

.wrapper-padding{
	padding: 0 5vh var(--wrapper-padding);
	box-sizing: border-box;
}
.right{
	right:0;
}


.social-icons-list{
	width:33%;
}

.social-icons{
	margin-top:20px;
}




.pa-xs{
  padding: var(--xs);
}


.pa-sm{
  padding: var(--sm);
}


.pa-md{
  padding: var(--md);
}


.pa-lg{
  padding: var(--lg);
}


.pa-xl{
  padding: var(--xl);
}



.pt-xs{
  padding-top: var(--xs);
}


.pt-sm{
  padding-top: var(--sm);
}


.pt-md{
  padding-top: var(--md);
}


.pt-lg{
  padding-top: var(--lg);
}


.pt-xl{
  padding-top: var(--xl);
}


.pr-xs{
  padding-right: var(--xs);
}


.pr-sm{
  padding-right: var(--sm);
}


.pr-md{
  padding-right: var(--md);
}


.pr-lg{
  padding-right: var(--lg);
}


.pr-xl{
  padding-left: var(--xl);
}



.pl-xs{
  padding-left: var(--xs);
}


.pl-sm{
  padding-left: var(--sm);
}


.pl-md{
  padding-left: var(--md);
}


.pl-lg{
  padding-left: var(--lg);
}


.pl-xl{
  padding-left: var(--xl);
}

.pb-xs{
  padding-bottom: var(--xs);
}


.pb-sm{
  padding-bottom: var(--sm);
}


.pb-md{
  padding-bottom: var(--md);
}


.pb-lg{
  padding-bottom: var(--lg);
}


.pb-xl{
  padding-bottom: var(--xl);
}


.px-xs{
  padding-right: var(--xs);
  padding-left: var(--xs);
}


.px-sm{
  padding-right: var(--sm);
  padding-left: var(--sm);
}


.px-md{
  padding-right: var(--md);
  padding-left: var(--md);
}


.px-lg{
  padding-right: var(--lg);
  padding-left: var(--lg);
}


.px-xl{
  padding-right: var(--xl);
  padding-left: var(--xl);
}


.py-xs{
  padding-top: var(--xs);
  padding-bottom: var(--xs);
}


.py-sm{
  padding-top: var(--sm);
  padding-bottom: var(--sm);
}


.py-md{
  padding-top: var(--md);
  padding-bottom: var(--md);
}


.py-lg{
  padding-top: var(--lg);
  padding-bottom: var(--lg);
}


.py-xl{
  padding-top: var(--xl);
  padding-bottom: var(--xl);
}




.ma-xs{
 margin: var(--xs);
}


.ma-sm{
 margin: var(--sm);
}


.ma-md{
 margin: var(--md);
}


.ma-lg{
 margin: var(--lg);
}


.ma-xl{
 margin: var(--xl);
}



.mt-xs{
 margin-top: var(--xs);
}


.mt-sm{
 margin-top: var(--sm);
}


.mt-md{
 margin-top: var(--md);
}


.mt-lg{
 margin-top: var(--lg);
}


.mt-xl{
 margin-top: var(--xl);
}


.mr-xs{
 margin-right: var(--xs);
}


.mr-sm{
 margin-right: var(--sm);
}


.mr-md{
 margin-right: var(--md);
}


.mr-lg{
 margin-right: var(--lg);
}


.mr-xl{
 margin-right: var(--xl);
}



.ml-xs{
 margin-left: var(--xs);
}


.ml-sm{
 margin-left: var(--sm);
}


.ml-md{
 margin-left: var(--md);
}


.ml-lg{
 margin-left: var(--lg);
}


.ml-xl{
 margin-left: var(--xl);
}


.mb-xs{
 margin-bottom: var(--xs);
}


.mb-sm{
 margin-bottom: var(--sm);
}


.mb-md{
 margin-bottom: var(--md);
}


.mb-lg{
 margin-bottom: var(--lg);
}


.mb-xl{
 margin-bottom: var(--xl);
}


.mx-xs{
 margin-right: var(--xs);
 margin-left: var(--xs);
}


.mx-sm{
 margin-right: var(--sm);
 margin-left: var(--sm);
}


.mx-md{
 margin-right: var(--md);
 margin-left: var(--md);
}


.mx-lg{
 margin-right: var(--lg);
 margin-left: var(--lg);
}


.mx-xl{
 margin-right: var(--xl);
 margin-left: var(--xl);
}

.my-xs{
  margin-top: var(--xs);
  margin-bottom: var(--xs);
}


.my-sm{
  margin-top: var(--sm);
  margin-bottom: var(--sm);
}


.my-md{
  margin-top: var(--md);
  margin-bottom: var(--md);
}


.my-lg{
  margin-top: var(--lg);
  margin-bottom: var(--lg);
}


.my-xl{
  margin-top: var(--xl);
  margin-bottom: var(--xl);
}

.row{
  display: flex;
  flex-wrap: wrap;
}

.full-width{
  width:100%;
}
.half-width{
	width:50%;
}
.quater-width{
	width:25%;
}

.full-height{
  height:100%;
}



.auto-scroll{
  overflow: auto;
}

.x-auto-scroll{
  overflow-x: auto;
}
.y-auto-scroll{
  overflow-y: auto;
}



.sticky-top{
  position: sticky;
  top:0;
}
.fixed-top{
  position: fixed;
  top:0;
}
.relative{
  position: relative;
}



.absolute{
  position: absolute;
}


.wrapper{
  padding: 2vh var(--wrapper-padding);
}
.wrapper-y{
  padding:2vh 0;
}

.wrapper-x{
  padding:0 var(--wrapper-padding);
}


.overflow-hidden{
  overflow: hidden;
}

.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-hidden{
  overflow-y: hidden;
}

.overflow-auto{
  overflow: auto;
}

.overflow-x-auto{
  overflow-x: auto;
}
.overflow-y-auto{
  overflow-y: auto;
}


.overflow-scroll{
  overflow: scroll;
}

.overflow-x-scroll{
  overflow-x: scroll;
}
.overflow-y-scroll{
  overflow-y: scroll;
}

.cover-center{
  height:100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.footer-designed a:hover{
    color: var(--accent-color2);
}