/* Media Queries */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 750px) {

h1 { 
font-family: 'Unbounded', cursive; font-size: 15vw; font-style: normal; font-variant: normal; font-weight: 100; line-height: 85px; } 



.container{
margin:0px 40px 0 40px; auto;
}

.column-1-wrapper-body{
display:inline-block;
width:100%;
padding:5% 0 5% 0;
}


.column-1-wrapper-inner{
display:inline-block;
width:100%;
padding:5% 0 5% 0;
}


.column-1-wrapper-body-short{
display:inline-block;
width:100%;
padding:5% 0 3% 0;
}


.column-1-wrapper-body-xtra-short{
display:inline-block;
width:100%;
padding:5% 0 3% 0;
}

.column-1-wrapper-divider{
width:100%;
}


.small-mobile{
max-height:300px;
object-fit: cover;

}


.border-list-first{
border-top: 1px solid #d6d9e3;
}


.element-padding{

}

.element-padding-large{

}

.spacer {
    margin-bottom: 20px;
}


.center{
padding-top: 80px;
}


.column-one{
width:100%;
display:inline;
}


.column-half-first{
width:50%;
text-align:left;
display:inline;
}


.column-half-second{
width:45%;
padding:0 0 0 5%;
text-align:left;
display:inline;
}



.column-half-second-hero{
padding:0 0 0 0;
}



/*third columns*/

.column-third-first-col{
text-align:left;
padding:0 0 0 0; 
display:block;
max-width: 100%;
margin-bottom:50px;
margin-top:20px;
}




.column-third-social{
text-align:left;
padding:0 2.5% 0 0;
display: inline;
align-items: center;
}


.column-third-second-col{
padding:0 0 0 0; 
text-align:left;
display:block;
max-width: 100%;
margin-bottom:50px;
margin-top:20px;
}

.column-third-third-col{
text-align:left;
padding:0 0 0 0; 
display:block;
max-width: 100%;
margin-bottom:50px;
margin-top:20px;
}




/*2 columns*/

.column-three-fourths-second{
width:80%;
padding:0 0 0 2.5%;
text-align:left;
display:inline;
}


.column-half-first-flex{
min-width:100%;
width: 100%;
padding:0 0 3% 0;
display:block;
}

.column-half-second-flex{
min-width:100%;
width: 100%;
padding:0 0 3% 0;
display:block;
}





/*Fourth columns*/

.column-one-fourth-first{
width:47.5%;
display:inline-block;
min-width:10%;
max-width:47.5%;
padding: 0 3.5% 5% 0;

/*padding:5% 3.8% 5% 0;*/
}

.column-one-fourth-second{
width:47.5%;
display:inline-block;
min-width:10%;
max-width:47.5%;
padding: 0 0% 5% 0;

/*padding:5% 0 5% 0;*/
}


.column-one-fourth-third{
width:47.5%;
display:inline-block;
min-width:10%;
max-width:47.5%;
padding: 0 3.5% 5% 0;

/*padding:5% 3.8% 5% 0;*/
}


.column-one-fourth-fourth{
width:47.5%;
display:inline-block;
min-width:10%;
max-width:47.5%;
padding: 0 0% 5% 0;

/*padding:5% 0 5% 0;*/
}





/*Fifth columns*/


.column-one-fifth-first{
text-align:left;
height:490px;
display: block;
padding:0;
}

.column-one-fifth-second{
text-align:left;
height:490px;
display: block;
padding:0;
}

.column-one-fifth-third{
text-align:left;
height:490px;
display: block;
padding:0;
}

.column-one-fifth-fourth{
text-align:left;
height:490px;
display: block;
padding:0;
}

.column-one-fifth-fifth{
text-align:left;
height:490px;
display: block;
padding:0;
}






/* begin vertical tab component */



:root {
    --white: #FFF;
  --black
    --gray: #F3F3F3;
    --gray-mid: #9D9D9D;
    --gray-dark: #3e3e3e;
    --gray-hover: #F7F7F7;
    --body-background: grey;
}



.tabs-container {
	padding: 30px 30px 0 30px ;
    max-width: 89%;
    /*max-width: 480px;*/
   /* min-width: 320px;*/
   display: inline-block;
	/*margin: 10px;*/
	border-radius: 16px;
    background-color: var(--white);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
}



.tab-content-wrapper {
    overflow-y: hidden;
    overflow-x: auto;
    min-height: 320px;
   
    transition: all 0.45s ease-in-out;
    padding: 0 16px;
}

.tab-content h2 {
    color: var(--gray-dark);
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 8px;
}

.tab-content {
    font-size: 0.8rem;
  min-height: 328px;
    min-width: 240px;
    overflow-x: auto;
    transition: all 0.45s ease-in-out;
}

.tabs {
    position: relative;
    display: flex;
    flex-direction: column;
    border-right: 0px;
    list-style-type: none;
    padding-right: 40px;
    gap: 8px;
}

.tabs a {
    position: relative;
    display: flex;
    text-decoration: none;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    text-align: left;
    border-radius: 8px;
    justify-content: start;
    padding: 12px;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease-in-out;
}

.tabs a img {
    height: 20px;
    width: 20px;
}

.tabs .active, .tabs a:hover {
    font-weight: 700;
    outline: none;
    color: white;
    background-color: var(--gray-dark);
    max-height: 30px;
}


.tabs a svg {
    stroke: var(--black;
}

.tabs .active svg {
    stroke: var(--black);
}

.tabs a:hover svg {
    stroke: var(--black);
}

.vertical-tab-list{
padding: 10px 0 10px 0;
}


/* End vertical tab component */







}




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 344px) {



/*Fourth columns*/

.column-one-fourth-first{
width:47.5%;
display:inline-block;
min-width:10%;
max-width:47.5%;
padding: 0 3% 5% 0;
}

.column-one-fourth-second{
width:47.5%;
display:inline-block;
min-width:10%;
max-width:47.5%;
padding: 0 0% 5% 0;
}


.column-one-fourth-third{
width:47.5%;
display:inline-block;
min-width:10%;
max-width:47.5%;
padding: 0 3% 5% 0;
}


.column-one-fourth-fourth{
width:47.5%;
display:inline-block;
min-width:10%;
max-width:47.5%;
padding: 0 0% 5% 0;
}










/* begin vertical tab component */



:root {
    --white: #FFF;
  --black
    --gray: #F3F3F3;
    --gray-mid: #9D9D9D;
    --gray-dark: #3e3e3e;
    --gray-hover: #F7F7F7;
    --body-background: grey;
}



.tabs-container {
	padding: 30px 30px 0 30px ;
    width: 100%;
    /*max-width: 480px;*/
   /* min-width: 320px;*/
    display: inline;
	/*margin: 10px;*/
	border-radius: 16px;
    background-color: var(--white);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
}



.tab-content-wrapper {
    overflow-y: hidden;
    overflow-x: auto;
    height: 260px;
    transition: all 0.45s ease-in-out;
    padding: 0 16px;
}

.tab-content h2 {
    color: var(--gray-dark);
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 8px;
}

.tab-content {
    font-size: 0.8rem;
	min-height: 328px;
    min-width: 240px;
    overflow-x: auto;
    transition: all 0.45s ease-in-out;
}

.tabs {
    position: relative;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #F0F0F0;
    list-style-type: none;
    padding-right: 50px;
    gap: 8px;
}

.tabs a {
    position: relative;
    display: flex;
    text-decoration: none;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    text-align: left;
    border-radius: 8px;
    justify-content: start;
    padding: 12px;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease-in-out;
}

.tabs a img {
    height: 20px;
    width: 20px;
}

.tabs .active, .tabs a:hover {
    font-weight: 700;
    outline: none;
    color: white;
    background-color: var(--gray-dark);
    max-height: 30px;
}


.tabs a svg {
    stroke: var(--black;
}

.tabs .active svg {
    stroke: var(--black);
}

.tabs a:hover svg {
    stroke: var(--black);
}

.vertical-tab-list{
padding: 10px 0 10px 0;
}


/*** End vertical tab component ***/

}

















/* Extra small devices (phones, 600px and down) */
@media screen and (min-device-width: 751px){
@media screen and (max-device-width: 930px) {


h1{
font-size: 50px; !important
}


.column-third-second-col {
  padding: 0 2.5% 0 2.5%;
  text-align: left;
  display: inline;
  max-width: 30%;
  min-width: 30%;
  
  
  .column-third-first-col {
  padding: 0 2.5% 0 2.5%;
  text-align: left;
  display: inline;
  max-width: 20%;
  min-width: 20%;
  
  
  
.column-third-third-col {
  padding: 0 2.5% 0 2.5%;
  text-align: left;
  display: inline;
  max-width: 20%;
  min-width: 20%;





/* begin vertical tab component */



:root {
    --white: #FFF;
  --black
    --gray: #F3F3F3;
    --gray-mid: #9D9D9D;
    --gray-dark: #3e3e3e;
    --gray-hover: #F7F7F7;
    --body-background: grey;
}



.tabs-container {
	padding: 30px 30px 0 30px ;
    width: 100%;
    /*max-width: 480px;*/
   /* min-width: 320px;*/
    display: inline;
	/*margin: 10px;*/
	border-radius: 16px;
    background-color: var(--white);
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;	
}



.tab-content-wrapper {
    overflow-y: hidden;
    overflow-x: auto;
    height: 260px;
    transition: all 0.45s ease-in-out;
    padding: 0 16px;
}

.tab-content h2 {
    color: var(--gray-dark);
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 8px;
}

.tab-content {
    font-size: 0.8rem;
	min-height: 328px;
    min-width: 240px;
    overflow-x: auto;
    transition: all 0.45s ease-in-out;
}

.tabs {
    position: relative;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #F0F0F0;
    list-style-type: none;
    padding-right: 50px;
    gap: 8px;
}

.tabs a {
    position: relative;
    display: flex;
    text-decoration: none;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    text-align: left;
    border-radius: 8px;
    justify-content: start;
    padding: 12px;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease-in-out;
}

.tabs a img {
    height: 20px;
    width: 20px;
}

.tabs .active, .tabs a:hover {
    font-weight: 700;
    outline: none;
    color: white;
    background-color: var(--gray-dark);
    max-height: 30px;
}


.tabs a svg {
    stroke: var(--black;
}

.tabs .active svg {
    stroke: var(--black);
}

.tabs a:hover svg {
    stroke: var(--black);
}

.vertical-tab-list{
padding: 10px 0 10px 0;
}


/*** End vertical tab component ***/

}