@media (min-width: 922px) {
  .ast-container {
     max-width: unset;
  }
}

@media (min-width: 1366px) {
  .ast-container {
     max-width: unset;
  }
}

/* GENERAL */

.ast-container{
box-sizing:border-box;
margin:0;
padding:0;
}

#container{
width:100%;
}

.wrapped {
max-width: 1200px;
margin: 0 auto;
}

/* BUTTONS */

.button-type-one{
  padding: 20px 35px;
  border-radius: 23px;
}

.button-type-three{
  background-color: #0eb435;
  border-radius: 28px;
  }

  /* COLORS */

.bck-yellow{
  background-color: #F5DE47;
  }

  .bck-yellow:hover, .bck-yellow:hover, .bck-yellow:hover{
    background-color: #E0CB41;
  }
    
.bck-green{
  background-color: #0eb435;
  }

  .bck-green:hover, .bck-green:active, .bck-green:focus{
    background-color: #0DA330;
  }

  /* TEXT */

  .imp-home-headline{
    text-transform: uppercase;
    font-family: gamay, sans-serif;
    line-height: 0.9;
    font-size: 80px;
    text-shadow: 0px 10px 6px #00000029;
  }

  .home-button-text{
    font-family: Opens Sans, sans-serif;
    font-size:25px;
    font-weight: bold;
    color:#000;
    }
    
    

/* NEW SLIDER */

.green-bck {
background-color: #0EB435;
}

/* Slideshow container */
.slideshow-container {
max-width: 1100px;
position: relative;
margin: auto;
}

/* Hide the images by default */
.mySlides {
display: none;
}

.slider-flex {
display: grid;
grid-template-columns: 50% auto;
}

.slider-box-one {
border-top-left-radius: 49px;
border-bottom-left-radius: 49px;
display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.slider-box-one h3 {
text-align: left;
padding-left: 55px;
margin-bottom: 0px!important;
}

.slider-box-one p {
padding: 0 55px;
font-family: Opens Sans, sans-serif;
margin:0px 0px 20px 0px;
}

.slider-box-two img {
height: 100%;
border-top-right-radius: 49px;
border-bottom-right-radius: 49px;
border: 1px solid #0eb435;
}

.slider-headline {
font-family: Opens Sans, sans-serif;
font-size: 25px;
font-weight: 500;
margin-top: 30px;
}

.slider-text {
font-family: Open Sans, sans-serif;
font-size: 20px;
margin: 10px 0;
}

/* Next & previous buttons */
.arrow {
position: absolute;
top: 40%;
transform: translateY(-50%);
cursor: pointer;
z-index: 100;
border-radius: 50%;
color: pink;
}
.arrow img {
width: 50px;
height: auto;
}
.l {
left: 0;
}
.r {
right: 0;
}

picture {
width: 100%;
}

@keyframes fade {
from {
  opacity: 0.4;
}
to {
  opacity: 1;
}
}

@media screen and (max-width: 768px) {
}

/* media slider over */

/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #fff;
border-radius: 50%;
border: solid 1px #f6978d;
display: inline-block;
transition: background-color 0.6s ease;
}

.active,
.dot:hover {
background-color: pink;
}

/* Fading animation */
.fade {
animation-name: fade;
animation-duration: 1.5s;
}

.headline{
text-transform:uppercase;
font-family: gamay-condensed, sans-serif;
font-weight:900;
line-height:0.8;
font-size:90px;
text-shadow: 0px 10px 6px #00000029;
}

.headline-three{
font-weight:normal;
font-size:25px;
font-family:Open Sans;
padding-bottom:10px;

}
/* p{
margin-bottom: 0;
font-size:20px; */
/* 	font-family:Open Sans, sans-serif; */


.asset-desktop{
display:none;
}

.text-shadow{
text-shadow: 0px 10px 6px #00000029;
}

.font-size{
font-size:80px;
}

.font-size-two{
font-size:60px;
}

.font-size-three{
font-size:90px;
}

/* BUTTONS */

.people-btn{
display:block;
max-width: 250px;
box-shadow: 0px 10px 6px #00000029;
}

.green-btn-one{
 color: #000;
 background-color: #0EB435;
 border-radius: 35px;
padding: 10px 20px;
font-family: Opens Sans, sans-serif;
font-size: 25px;
 font-weight: bold;
text-align:center;
}

.read-btn-place{
display: grid;
float: right;
margin:15px 0px;
}


.read-btn-yellow{
color:#000;
background-color: #F5DE47;
border-radius:23px;
padding:15px 25px;
font-family:Opens Sans, sans-serif;
font-weight:bold;
box-shadow: 0px 10px 6px #00000029;
} 

.read-btn-yellow:hover{
background-color: #E0CB41
} 

.margin-cont{
margin-top:100px;
margin-bottom:100px;
}


/* SLIDER */

.mySlides {
display: none;
}
img {
vertical-align: middle;
}

/* .asset-mobile {
display: none;
} */

.green-bck {
background-color: #0EB435;
}

.grid {
display: grid;
grid-template-columns: 50% 50%;
}

.slide-box {
background-color: #0EB435;
border-top-left-radius: 79px;
border-bottom-left-radius: 79px;
padding: 30px 50px 0 50px;
flex: 80%;
text-align:center;
}
.slide-box h3{
font-size: 25px;
font-family: Open Sans, sans-serif;
font-weight: normal;
padding-bottom: 10px;
}

.slide-box p{
font-size: 22px;
}

.slide-box-two {
border-top-right-radius: 79px;
border-bottom-right-radius: 79px;

}
/* Slideshow container */
.slideshow-container {
position: relative;
margin-top:50px;
}

/* Next & previous buttons */
.prev,
.next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: #f6978d;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}


.next {
right: 0;
border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
color: #f6978d;
background-color: rgba(255, 213, 213, 0.5);
}
/* Caption text */
.text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}

/* The dots/bullets/indicators */
.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #fff;
border: solid 1px #f6978d;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active,
.dot:hover {
background-color: #f6978d;
}
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
@-webkit-keyframes fade {
from {
  opacity: 0.4;
}
to {
  opacity: 1;
}
}
@keyframes fade {
from {
  opacity: 0.4;
}
to {
  opacity: 1;
}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.prev,
.next,
.text {
  font-size: 11px;
}
.dot {
  height: 10px;
  width: 10px;
}
}
@media only screen and (max-width: 500px) {
.prev,
.next,
.text {
  font-size: 14px;
}
.grid {
  display: flex;
  flex-direction: column-reverse;
}
.grid p {
  font-size: 14px;
}
.asset-desktop {
  display: block;
  text-align: center;
}
}

/* 
.imp-about-mito{
width:100%;
margin: 0 auto;
} */

/* Slideshow container */
/* .slides-container {
margin-top: 50px; */
/* 	max-width: 1000px;  */
/* 	position: relative; 
} */

/* Hide the images by default */
/* .mySlides {
display: none;
} */
/* 
.slides-grid {
display: grid;
grid-auto-flow: column;
grid-template-columns:50% auto;
height: 100%;
} */

/* .slides-box1 {
background-color:#74C16D;
border-top-left-radius:79px;
border-bottom-left-radius:79px;
padding:30px 50px 0 50px
} */

/* .slides-box2{
border-top-right-radius:79px;
border-bottom-right-radius:79px;
width: 100%;
} */

/* Next & previous buttons */
/* .prev,
.next { */
/*   cursor: pointer;
position: absolute;
text-align: center;
align-content: center;
top: 50%;
margin-left: auto;
width: 40px;
height: 40px;
/*   margin-top: px; */
/*   padding: 6px; */
/*   color: #f6978d;
border: solid 2px #74c16d;
border-radius: 50%;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
user-select: none; */

}

/* .prev {
right: 102%; */
/*   background: red; /*to notice it, is white*/ 
/* } */

/* Position the "next button" to the right */
/* .next { */
/*   left: 102%; */
/*   background: red; /*to notice it, is white*/ 
/*   z-index: 1; */
/*   right: 0; */
}

/* On hover, add a black background color with a little bit see-through */
/* .prev:hover,
.next:hover {
color:#F6978D;
background-color: #74c16d; */
/* } */
/* .slider-dots{
position:relative;
bottom:50px;
text-align:center;
} */

/* The dots/bullets/indicators */
/* .dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active,
.dot:hover {
background-color: #f6978d;
}
*/
/* .fade {
animation-name: fade;
animation-duration: 1.5s;
}

@keyframes fade {
from {
  opacity: 0.4;
}
to {
  opacity: 1;
}
} */

hr{
display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
margin:50px 50px;
}

.about-mito-grid{
display:grid;
grid-template-columns: 50% 			auto;
grid-column-gap: 100px;
/* 	align-content: center;
justify-content:center;
align-items:center;
justify-items:center; */
} 

.about-mito-headline{
text-transform:uppercase;
color:#0EB435;
font-family:Gamay, sans-serif;
font-weight:900;
line-height:0.8;
text-shadow:0px 5px 6px #00000029;

} 

.text-align{
text-align:end
}

.about-mito-place{
display:flex;
justify-content:center;
}

.grid-about-two{
display: grid;
grid-auto-flow: column;
}

.flex-asset{
margin-left: auto;
}

.about-mito-flex{
display: flex;
justify-content:end;
}

.read-more-btn{
color:#000;
background-color:#0EB435;
border-radius:59px;
padding:10px 20px;
font-family:Opens Sans, sans-serif;
font-size:25px;
font-weight:bold;
color:black;
} 

.read-more-btn:hover{
background-color:#68AD62;
} 

.mito-img-asset{
display:grid;
} 



/* SECTION NEWS */

.container-padding{
padding-bottom:50px;
padding-top:50px;
}

.green-background{
background: radial-gradient(#9DE198, #0EB435);
}
.news-title{
display:grid;
grid-auto-flow:column;
padding-top:50px;
} 

.align-title{
display: grid;
align-content: center;
}

.float-right{
float:right;
}

.news-cont{
display:grid;
grid-auto-flow:column;
grid-column-gap:120px;
align-items:center;
} 

.news-box{
background-color:#fff;
border-radius:48px;
padding:30px;
}

.news-img{
width:400px;
}

.news-link-grid{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-items: start;
  padding-right: 30px;
}  

.read-more-link{
font-family:Opens Sans, sans-serif;
font-size:25px;
font-weight:bold;
color:black;
} 

.news-text-box{
padding:10px 30px 20px 30px;
}

.news-headline-box{
padding:0px 30px;
}

.news-headline-text{
font-size:20px;
}

.read-more-news{
display:grid;
margin-top: 0px;
}

.news-button-flex{
  justify-self:center;
  text-align: center; 
  transform: translateY(-110%)
}

/* MEMBERS */

.members-grid{
margin: 30px 0;
display: grid;
grid-template-columns: 33% 33% 33%;
justify-content:center;
justify-items:center;
justify-self:center; 
}

.people-img{
width:250px;
height:auto;
} 

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


.people-btn:hover{
background-color:#68AD62;
}

.meet-grid{
display:grid;
grid-template-columns:50% auto;
justify-items:center;
margin-top: 50px;
} 

.logo-img{
width:150px;
height:auto;
} 

.member-title{
font-size:50px;
font-weight:bold;
font-family:Open Sans, sans-serif;
padding:10px 0 10px 0;
} 

.member-img{
width:400px;
height:auto;
}

.wrapper-members{
margin-left:100px;
margin-right:100px
}
.member-image-place{
display:flex;
justify-content:center;
align-items:center;

}


.become-a-member{
display:grid;
grid-auto-flow:column;
grid-template-columns:45% auto;
padding-top: 0px!important;
}

.become-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.become-member-grid{
display:grid;
grid-auto-flow:rows;

}

.become-mito-one{
width:150px;
display:flex;
}

.become-mito-two{
display:flex;
justify-content:center;
}

.become-mito-three{
width:150px;
display:flex;
justify-self:end;
}

/* STORIES */

/* .stories-grid{
display:grid;
grid-template-columns: 50% auto;
grid-column-gap:100px;
}

.side-grid{
display:grid;
grid-auto-flow:rows;
grid-row-gap:0px;

} */

.stories-grid-one{
display:grid;
grid-auto-flow:column;
grid-template-columns:50% auto;
align-content:center;
align-items:center;
}

.stories-grid-two{
display: grid;
grid-auto-flow: column;
grid-template-columns: 50% 50%;

}

.stories-grid-three{
  display:grid;
grid-auto-flow:column;
}

.elle-img{
max-width: 500px;
justify-self: center;
}

.stories-grid{
display:grid;
grid-template-columns: 50% auto;
grid-column-gap:150px;
}

.side-grid{
display:grid;
grid-row-gap:0px;
padding-bottom: 20px;

}
.stories-btn-flex{
justify-self:end;
}

.stories-name-flex{
padding-top: 30px;
position: relative;
}

.stories-mito-flex{
text-align:end;
}

.flex-order-one{
  align-content:center;
}

.asset-img{
width:250px;
}

.read-btn-yellow-two{
color:#000;
background-color: #F5DE47;
border-radius: 23px;
padding: 20px 30px;
font-family: Opens Sans, sans-serif;
font-weight: bold;
box-shadow: 0px 10px 6px #00000029;
}

.headline-name {
  font-family: gamay, sans-serif;
  font-weight: 900;
  font-size: 90px;
  text-shadow: 0px 10px 6px #00000029;
  text-align: center;
  margin-top: 20px;
}

.mito-asset-place{
position: absolute;
transform: translateX(270%);
top: 0;
}

.top-mito-place{
transform: translateX(-50%);
}

/* ABOUT IMP */

.about-imp-grid{
margin-top:50px;
padding:50px 0 50px 0;
display:grid;
grid-template-columns: auto auto;;
grid-column-gap:100px;
}

.about-imp-btn{
float: right;
}

.subscr-grid{
display:grid;
grid-template-columns: auto auto;
grid-column-gap:50px;
justify-content: space-evenly;
}

.text-padding{
padding-bottom:10px;
}

.subs-grid{
display:flex;
justify-content:space-between;
}

#ast-scroll-top{
background-color:#0EB435;
}
/* MEDIA */

@media only screen and (min-width: 650px) and (max-width:750px){
.slide-box{
    padding: 30px 10px 0 40px;
}	
}

@media only screen and (max-width: 640px) {
.mySlides{
  display:flex;
  flex-direction:column-reverse;
}
.slide-box {
background-color: #0EB435;
border-top-left-radius: 0;
border-bottom-left-radius: 49px;
  border-bottom-right-radius:49px;
  padding: 20px 20px 20px 20px;
}

.slide-box-two {
border-top-right-radius: 49px;
border-top-left-radius:49px;
border-bottom-right-radius:0
}
.prev, .next{
  margin-top: -32px;
}

.prev{
  padding-left:5px
}
}
@media only screen and (max-width: 944px){
.slide-box p{
  font-size:14px;
}
.slide-box h3{
  font-size:16px;
}
/* .slideshow-container {
  margin: 10px auto;
  margin-top: 10px;
  max-width: 450px;
} */
}

@media only screen and (max-width: 922px) {
.wrapped{
  padding:10px
}
.headline{
  font-size:60px;
  text-align: center;
  padding:20px 0;
}
p{
  font-size:18px;
}
/* hr{
  margin: 25px 50px;
} */
.asset-desktop{
  display:block;
  text-align: center;
}

.patient-mobile{
  max-width:500px;
  justify-self:center;
}
.margin-cont{
margin-top:25px;
margin-bottom:50px;
}
.container-padding{
  padding-bottom:20px;
  padding-top: 0px;
}
.about-mito-headline{
  font-size:60px;
  text-align:center;
}

/* 	BUTTONS */

.green-btn-one {
color: #000;
background-color: #0EB435;
border-radius: 59px;
padding: 10px 15px;
font-family: Opens Sans, sans-serif;
font-size: 20px;
font-weight: bold;
}
.read-btn-place{
display: grid;
float: none;
margin:15px 0px;
margin: auto;
text-align:center;
}

.people-btn{
  display: block;
padding: 10px 12px;
font-size: 20px;
}

.read-more-btn{
  padding:10px 15px;
  font-size:18px;
}
/* 	SLIDER */

.mobile-text{
  font-size:16px;
}

.slides-grid{
  display:flex;
  flex-direction:column-reverse;
  max-width:100%;
  margin: 0 auto;
}
.slides-box1{
/* 		margin:0 20px; */
  padding: 10px 30px 10px 30px;
  border-top-left-radius:0;
border-bottom-left-radius: 0;
  width:100%;
  height: 350px;
  overflow:hidden;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}
.slides-box2{
  border-top-right-radius: 0px;
border-bottom-right-radius: 		0px;
/* 		margin:0 20px 0 20px; */
  max-width:100%;
  max-height: 500px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  
}
/* 	.prev{
  top: 40%;
  right:0;
  border: none;
  transform:translatex(-280px)
} */

/* .next {
top: 40%;
transform:translatey(-50%);
border: none;
font-size: 20px;
border: none;
transform: translateX(-50px);
}  */

.dot {
border: solid 1px #f6978d;
 }

.slider-dots{
position:relative;
bottom:0;
text-align:center;
}

.headline-three {
font-size: 18px;
padding-bottom: 10px;
}
/* 	ABOUT MITO */
.about-mito-grid{
  display: flex;
  flex-direction: column-reverse;
 grid-row-gap:10px;
  padding:0 15px 0 15px;
}
.about-grid-one{
  order:1;
}
.about-grid-rev{
  order: -1;
}
.about-mito-flex{
  transform: translateY(-50px);
  margin-left: auto;
}

.about-imp-btn{
  float: none;
  display: flex;
  justify-content: center;
  
}
.grid-about-two {
    padding-left: 20px;
  }

/* 	NEWS */
.news-title{
  justify-content:center;
  padding-left: 0;
}

.news-cont{
  display:flex;
  flex-direction: column;
  padding:10px 15px 10px 15px;
  margin-bottom: 10px;
}

.logo-img {
  width: 100px;
  height: auto;
}

.news-img{
  max-width:50px;
}

.news-pic-box{
	margin-bottom:20px
}

.news-link-grid{
  display:flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.read-more-news{
    display: grid;
    margin-top: 0px;
    padding: 20px 0;
}

.home-news-date{
  font-size:16px;
  padding: 0px 0px 10px 0px;
}

.news-box {
background-color: #fff;
border-radius: 40px;
padding: 20px;
}

.news-text-box{
  padding: 10px;
}

.news-headline-box {
padding: 0px 10px;
}

.news-headline-text {
font-size: 18px;
margin-top:20px
}

.news-text-box p{
  margin-top:0px;
}

.news-link-grid p{
margin-top:0px;
}


/* 	MEMBERS */
  .members-grid{
 margin: 30px 0;
display: grid;
 grid-template-columns: 1fr;
justify-content:center;
justify-items:center;
justify-self:center; 
}
.asset-mobile{
display:none;
}

.become-mito-two{
  margin-top:30px;
  margin-bottom:50px;
}

.become-a-member{
  padding:10px;
  display: flex;
  flex-direction:column-reverse;
  margin-top:0px;
}

  
.text-align{
  text-align: center;
}
.subscr-grid{
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap:50px;
  justify-content:center;
  justify-items:center;
  
}

.meet-grid{
  display:flex;
  flex-direction:column;
  margin-top: 0px;
}

.wrapper-members{
  padding:10px;
  margin:0;
}
.lily-logo-mobile{
  text-align:center;
}
.member-title{
  text-align: center;
  font-size:30px;
}
.member-img{
  width:100%;
  padding:0px 0px 30px 0px;
}

.stories-grid{
  display:flex;
  flex-direction:column;
  padding:10px;
}

.stories-btn-flex{
  padding:20px 0;
  justify-self: center;
}

.flex-order-two{
  order:2;
}

.flex-order-three{
  order:4;
}

.flex-order-four{
  order:5;
}

.about-imp-grid{
  display:flex;
  flex-direction:column;
}

.about-imp-img{
  padding:10px;
}

.about-imp-text{
  padding:0px 15px;
}

.headline-name{
  text-align:center;
  font-size: 50px;
}

.stories-name-flex {
padding-top: 10px;
padding-bottom:10px;
}

.read-btn-yellow-two {
background-color: #F5DE47;
border-radius: 16px;
padding: 10px 20px;
}
}

@media only screen and (min-width: 923px) and (max-width: 1220px) {
.wrapped{
  padding: 30px 30px 0 30px;
}
}

@media only screen and (max-width: 1366px) {
.mito-asset-place{
   display: none; 
  }
}


@media only screen and (max-width:800px ){
.banner {
  margin-top: 80px;
}

}

@media only screen and (min-width: 500px) and (max-width: 670px) {
  .slider-box-one p{
    font-size: 15px;
  }
  .slider-box-one h3{
    font-size: 17px;
  }
}

@media only screen and (min-width: 671px) and (max-width: 767px) {
  .slider-box-one p{
    font-size: 16px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
  .slider-box-one p{
    font-size: 18px!important;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0px!important;
  }
  .slider-box-one h3{
    font-size: 20px;
  padding-right: 20px;
  padding-left: 20px;
  }
}


@media only screen and (min-width: 500px) and (max-width: 769px) {
  .slider-box-one p {
    padding: 0 25px;
    margin: 10px 0px;
  }
  .slider-box-one h3 {
    text-align: left;
    padding-left: 25px;
  }
  .slider-flex {
    display: grid;
    grid-template-columns: 50% auto;
    width: 85%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 592px) {
  .slideshow-container{
    margin: 30px 0px;
    width: 100%;
}

.slider-box-one{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto !important;
}

.slider-box-one p {
  font-size: 16px;
}

.slider-box-one h3 {
  font-size: 22px;
  padding-left: 25px;
  padding-right: 10px;
  padding-top: 20px;
}

.slider-box-two img{
  width: 100%;
  object-fit: contain;
  border-top: 0px!important;
}

.slider-headline{
  padding-top:10px;
}

.slider-text {
padding:10px 20px;
}

.slider-flex {
  grid-template-columns: auto;
  grid-auto-rows: 1fr;
}
.slider-box-one {
  background-color: #0EB435;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.slider-box-two img {
  height: 100%;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  
}
/* .news-button-flex{
  transform: translateY(-40%);
  margin-top: 30px;
} */
.home-button-text{
  font-family: Opens Sans, sans-serif;
  font-size:20px;
  font-weight: bold;
  color:#000;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1220px) {
  .wrapped{
    padding: 30px 30px 0 30px;
  }

  .slider-flex{
    grid-template-columns: 50% auto;
  width: 85%;
  margin: 0 auto;
  }
  }