section {

    padding-top: 10%;
    padding-bottom: 10%;
    width: 800px;
    margin: auto;


}



.h2{

    color: #ff9900;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.5em;

}

.heading{

    padding-top: 50px;
    text-align: center;
    width: 100%;

}

#headingText{

  width: 600px;
  margin: auto;
  padding-top: 0px;
  padding-bottom: 0px;

}

#headingText:hover{

  cursor: pointer;

}


.title {

    position: relative;
    margin-bottom: 20px;

}


.text{

  padding-top: 0px;

}



#img{

  width: 200px;
  height: 200px;

}


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

  #headingText{

    width: calc(100% - 20px);
    padding-left: 10px;
    padding-right: 10px;

  }

  .text{


    top: 270px;
    padding: 10px 10px;

  }


  section{

    width: calc(100% - 20px);

  }


}