@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');






.container_pic{

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  text-align: center;

  margin: 40px 20px 0 20px;

}





.container_pic .box{

 display: flex;

 flex-direction: row;

 justify-content: space-between;

}



.container_pic .box .dream{

  display: flex;

  flex-direction: column;

  width: 32.5%;

}



.container_pic .box .dream img{

  width: 100%;

  padding-bottom: 15px;

  border-radius: 5px;

}



.container_pic .btn{

  margin: 40px 0 70px 0;

  background: #222;

  padding: 15px 40px ;

  border-radius: 5px;

}



.container_pic .btn a{

 color: #fff;

 font-size: 1.2em;

 text-decoration: none;

 font-weight: bolder;

 letter-spacing: 3px;

}



@media only screen and (max-width: 769px){

    .container_pic .box{

   flex-direction: column;

  }



.container_pic .box .dream{

  width: 100%;

}











}



@media only screen and (max-width: 643px){

.container_pic .heading{

  width: 100%;

}

.container_pic .heading h3{

  font-size: 1em;



}















}