/* About section*/

.about {
  background-color: #FFF;
  background-size: cover;
}


.heading {
  width: 340px;
  height: 48px;
  background-color: #c39431;
  margin-left: auto;
  margin-right: auto;
}


.column1of2, .column2of2 {
  width: 30%;
  float: left;
  margin: 50px;
  font-family: "Heuristica-Regular";
  font-weight: lighter;
  font-size: 14pt;
  color: #1A3549;
}


.robertimage {
  float: left;
  margin-top: 65px;
  margin-left: 50px;
}


.robertimage h3 {
  font-size: 14pt;
  color: #FFF;
  text-align: center;
  font-family: "Heuristica-Regular";
  font-weight: lighter;
  padding: 5px;
  background-color: #c39431;
  letter-spacing: 0.05em;
}

/* About section ends*/


/* Screens over 1440px wide*/
 
@media only screen and (max-width: 1440px) {
  .column1of2, .column2of2 {
  width: 25%;
  margin: 40px;
  }

}


/* Screens over 960px wide*/

@media only screen and (max-width:960px){
.about {
  text-align: center;
}

.column1of2, .column2of2 {
  width: 90%;
  margin: 0;
  padding-left: 30px;
  text-align: left;
  }


  .column1of2 {
    margin-top: 50px;
  }


  .about {
  background-color: #FFF;
  background-size: cover;
  margin-right: auto;
  }


.robertimage {
  float: none;
  padding-bottom: 20px;
  margin-left: 0
}


.robertimage img {
  padding-top: 10px;
}

.robertimage h3 {
width: 250px;
margin-left: auto;
margin-right: auto;
}
}


/* styles for mobile browsers smaller than 480px; (iPhone) */
@media only screen and (max-width:480px){

.heading {
  width: 250px;
  height: 40px;
  background-color: #c39431;
  margin-left: auto;
  margin-right: auto;
}

.heading h2 {
  font-size: 18pt;
}

.robertimage {
  margin-left: 0;
}

.robertimage img {
  padding-top: 10px;
}

.column1of2, .column2of2 {
  width: 80%;
  text-align: justify;
}
}