.hero2{
    /* background: url("../images/law2.png") no-repeat center; */
    /* background-size: cover; */
    overflow: hidden;  
    position: relative;
    height: 1200px;
    background-color: aqua;
    /* margin-bottom: 20px; */
  }
  .hero2 .article{
    margin-top: 16%;
    text-align: center;
  }
  .hero2 .article h1{
    font-size: 35px;
    font-family: Helvetica, sans-serif;
    color: #26264b;
    text-transform: none;
  }
  .hero2 .article h4 a{
    color: #404F80;
  }
  .hero2 .article h1{
    text-decoration: underline;
  }
  .box p{
    color: #333;

  }
  .box h4{
    font-size: 20px;
    font-family: Helvetica, sans-serif;
    color: #26264b;
    text-transform: none;
  }
  .box .btn2{
/* display: none; */
/* width: 150%; */
    background-color: #404F80;
    color: #fff;
    /* border-radius: 15px; */
    font-size: 1.2rem;
    /* width: 100%; */
  }
  .box .btn3{
    position: relative;
    /* display: none; */
    background-color: #404F80;
    margin-top: 30%;
  }
  .box .btn2 #articlebtns{
    /* width: 100%; */
    display: none;
  }
  .hero2 .icon i{
    /* display: none; */
    font-size: 6rem;
    color: #f40f02;
  }
  .hero2 .articlesbtn{
    /* display: none; */
    background-color: #404F80;
    width: 100%;
  }


  .myarticles .container .art-icon{
    /* display: none; */
    font-size: 4em;

  }
  .myarticles .container h4{
    font-size: 1.2em;
    font-family: Helvetica, sans-serif;
    color: #404F80;
  }
  .myarticles .container h4 a{
    color: #404F80;
    text-decoration: none;
  }
.myarticles .container p {
  color: #333;
}

.myarticles{
  margin-top: 1%;
}
.myarticles h1{
  font-size: 30px;
  font-family: Helvetica, sans-serif;
    color: #26264b;
    text-transform: none;
    text-decoration: underline;
}
.myarticles  h2{
  /* display: none; */
  font-size: 28px;
  font-family: Helvetica, sans-serif;
  color: #404F80;
  text-transform: none;
  text-decoration: underline;
}
.myarticles .card{
  /* display: none; */
 
  margin-left: 5%;
  height: fit-content;
  margin-top: 1%;
}
.myarticles #card-image{

  color: #f40f02;
  font-size: 4em;
}
.myarticles h5 a{
    font-size: .8em;
    font-family: Helvetica, sans-serif;
    color: #404F80;
    /* text-align: left; */
}
.myarticles p{
  font-size:.9em;
  text-align: left;
  font-family: Helvetica, sans-serif;
  /* margin-left: 7%; */
}
.myarticles .art1{
  background-color: #404F80;
  height: 40px;
  border-radius: 15px;
  
}
.myarticles .art1 a{
  color: #fff;
  /* text-align: center; */
  /* text-align:justify; */
  
}
.myarticles .art1 i{
 color: #fff;
 width: 0%;
 font-size: 24px;;
 margin-top: 2%;
 padding-right: 10px;
 margin-left: 10%;
 

}
.myarticles .author-ico{
  /* display: none; */
  
  font-size: 1em;
  text-align: left;
  
}
.myarticles .author-ico i{
  color:#404F80;
  font-size: 1.2em;
}
.myarticles .author-ico h3{
  font-size: .9em;
  font-family: Helvetica, sans-serif;
}
.myarticles .author-ico h4{
  font-size: .9em;
  color: #333;
  font-family: Helvetica, sans-serif;
}
.myarticles .author-ico h3 i{
  font: 1em;
  font-family: Helvetica, sans-serif;
}
@media (max-width: 768px){
  .myarticles{
    margin-top: -15%;
  }
  .myarticles h2{
    font-size: 2em;
  }
}