/* -------------------------------------------------------- */ 
/* --------------------Hero slide-------------------------- */ 
/* -------------------------------------------------------- */ 
.hero-container div{
}
@media only screen and (max-width: 946px) and (min-width: 700px) {
  /* for medium sized screens */
  .hero {
      height:70vh;
}
}

@media only screen and (max-width: 700px) {
  /* for small sized screens */
  .hero {
       height:70vh;
}
}
/* -------------------------------------------------------- */ 
	/*hero headings */
.hero-header p {
    font-family: work sans;
    font-weight:700;
 	font-size: 98px;
}
.hero-header-2 p {
    font-family: work sans;
    font-weight:700;
 	font-size: 44px;
}
@media only screen and (max-width: 946px) and (min-width: 700px) {
  /* for medium sized screens */
  .hero-header p{
    font-size: 48px;
  }
    .hero-header-2 p{
 	font-size: 40px;
}
}

@media only screen and (max-width: 700px) {
  /* for small sized screens */
  .hero-header p{
    font-size: 34px;
  }
    .hero-header-2 p{
 	font-size: 30px;
}
}
/* -------------------------------------------------------- */
	/*hero text */ 
.hero-p p{
    font-family: work sans;
    font-weight:500;
 	font-size: 34px;
}
@media only screen and (max-width: 946px) {
  /* for small sized screens */
  .hero-p p{
    font-size: 20px;
  }
}
/* -------------------------------------------------------- */ 
    /*hero button */ 
.hero-button a {
}
@media only screen and (max-width: 946px) {
  /* for screens smaller than 780px */
  .hero-button a {
      padding: 16px;
  }
.hero-button a span {
    font-family: work sans;
    font-weight:500;
 	font-size: 34px;
}
}
@media only screen and (max-width: 946px) {
  /* for screens smaller than 780px */
  .hero-button a span {
    font-size: 16px;
  }
}
/* -------------------------------------------------------- */ 
/* -------------------------Body--------------------------- */ 
/* -------------------------------------------------------- */  
     /* paragraph text*/ 
    .body-p p {
    font-family: open sans;
    font-weight:400;
 	font-size: 24px;
    margin: 0px 100px;
    line-height: 1.5;
    }
    .body-p-2 p {
    font-family: open sans;
    font-weight:400;
 	font-size: 20px;
    margin-right: 50px;
        line-height: 1.5;
    /*margin-left:40px;*/
    }
    .body-p-3 p {
    font-family: open sans;
    font-weight:400;
 	font-size: 20px;
    margin-left: 60px;
    }
	.body-p-coop-values p {
    	font-family: work sans;
   		font-weight:400;
 		font-size: 24px;
   		margin-right: 60px;
   		margin-left: 0px;
}
    .body-quotes p {
    font-family: open sans;
    font-style: italic;
    font-weight:400;
 	font-size: 24px;
    margin: 0px 100px;
    }
@media only screen and (max-width: 946px) and (min-width: 700px) {
  /* for medium sized screens */
    .body-p p {
 	font-size: 20px;
        margin: 0px 20px;
    }
    .body-p-2 p {
 	font-size: 20px;
    margin-right: 20px;
    margin-left:20px;
    }
        .body-p-3 p {
 	font-size: 20px;
    margin-left:20px;
    }
        .body-quotes p {
 	font-size: 20px;
    margin: 0px 20px;
    }
}

@media only screen and (max-width: 700px) {
  /* for small sized screens */
    .body-p p {
 	font-size: 18px;
        margin: 0px;
        line-height: 1.2;
    }
    .body-p-2 p {
 	font-size: 18px;
    margin-right: 0px;
    margin-left:0px;
        line-height: 1.2;
    }
    .body-p-3 p {
 	font-size: 18px;
    margin-left:15px;
    }
    .body-quotes p {
 	font-size: 18px;
        margin: 0px 15px;
    }
}
/* -------------------------------------------------------- */ 
/* heading text*/ 
.body-header h2 {
    font-family: work sans;
    font-weight:700;
 	font-size: 30px;
    margin-right: 100px;
    margin-left: 100px;
}
.body-header-2 h2 {
    font-family: work sans;
    font-weight:700;
 	font-size: 30px;
    margin-right: 60px;
    margin-left: 60px;
}
.body-header-3 h2 {
    font-family: work sans;
    font-weight:700;
 	font-size: 28px;
    margin-right: 60px;
    margin-left: 0px;
}

@media only screen and (max-width: 946px) and (min-width: 700px) {
  /* for medium sized screens */
  .body-header h2{
    font-size: 26px;
    margin-right: 20px;
    margin-left: 20px;
  }
      .body-header-2 h2{
    font-size: 26px;
    margin-right: 20px;
    margin-left: 20px;
  }
    .body-header-3 h2 {
 	font-size: 26px;
    margin-right: 0px;
    margin-left: 0px;
}
}
@media only screen and (max-width: 700px) {
  /* for small sized screens */
  .body-header h2{
    font-size: 20px;
    margin-right: 0px;
    margin-left: 0px;
  }
     .body-header-2 h2{
    font-size: 20px;
    margin-right: 15px;
    margin-left: 15px;
  }
     .body-header-3 h2 {
 	font-size: 20px;
    margin-right: 0px;
    margin-left: 0px;
}
}
/* -------------------------------------------------------- */
/* profile boxes*/
.profile {
  background-color: #013A51;
  transition: background-color 0.3s ease;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.profile:hover {
  background: #0B232D;
}

/* -------------------------------------------------------- */
/* accordion text*/ 
.zpaccordion-container{
margin-left:50px;
}
.zpaccordion-name {
    font-family: work sans;
    font-weight:700;
 	font-size: 24px;
    margin-right: 100px;
    margin-left: 100px;
}
@media only screen and (max-width: 946px) and (min-width: 700px) {
  /* for medium sized screens */
    .zpaccordion-container{
margin-left:20px;
}
  .zpaccordion-name{
    font-size: 22px;
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 700px) {
  /* for small sized screens */
        .zpaccordion-container{
margin-left:15px;
}
  .zpaccordion-name{
    font-size: 20px;
    margin-right: 0px;
    margin-left: 0px;
  }
}
/* -------------------------------------------------------- */ 
/* body image*/ 

.body-img div figure a picture img{
    width: 250px !important;
    height: 250px !important
}
@media only screen and (max-width: 946px) and (min-width: 700px) {
  /* for medium sized screens */
.body-img div figure a picture img{
    width: 150px !important;
    height: 150px !important
}
}

@media only screen and (max-width: 700px) {
  /* for small sized screens */
    .body-img div figure a picture img{
    width: 50px !important;
    height: 50px !important
}
}

/* -------------------------------------------------------- */ 
/* -------------------------Blog--------------------------- */ 
/* -------------------------------------------------------- */

.theme-blog-heading{
    font-weight: bold;
}

/* -------------------------------------------------------- */ 
/* ------------------------Footer-------------------------- */ 
/* -------------------------------------------------------- */  


.footer-container{
margin-left: 50px;
margin-right: 50px;
}


@media only screen and (max-width: 946px) and (min-width: 700px) {
  /* for medium sized screens */
.footer-container{
margin-left: 20px;
margin-right: 20px;
}
}

@media only screen and (max-width: 700px) {
  /* for small sized screens */
.footer-container{
margin-left: 15px;
margin-right: 15px;
}
}