.about-row {
  display: -ms-flexbox;
  display: flex;
 -ms-flex-wrap: wrap; 
  flex-wrap: wrap;
  clear: both;
}

.about-column {
  margin: 0;	
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

.about-column img {
   vertical-align: middle;
}

img.about-img{
   position: relative;
   background-size: cover;
   padding-top: 80px;
   max-width: 450px;
   width: 100%;
   height: auto;
}

img.about-img2{
  display: none;
}

.about{
  position: absolute;
  width: 60%;
  margin: 0;
  padding: 70px;
  float: right;
}

h2.about-h2{
  text-align: left;
  padding-bottom: 10px;
}

a.about-link{
  color: #777777;
  text-decoration: none;
}

a.about-link:hover{
  color: #9c1722;
  text-decoration: underline;
}

.footer-widget{
	margin-top: 3px !important;
}

/* ------------------------------------- 
     Styles for Smaller Devices Starts
   ------------------------------------- */
@media screen and (max-width: 1315px) {
  .about{
      width: 65%;
  }	
}


@media screen and (max-width: 1212px) {
  .about-row {	 
      margin: 0 auto;
	  text-align: center;
	  vertical-align: middle;
	  justify-content: center;
	  width: 100%;
   }
	
  .about-column{
	   display: inline-block;
       width: 100%;
       margin: 0;
       margin-left: auto;
       margin-right: auto;
	   text-align: left;
	   float: none;
	}

   .about-img, .about{
	   display: inline-block;
       width: 100%;
       margin: 0;
       margin-left: auto;
       margin-right: auto;
	   text-align: left;
	}
	
	.about{
	    border: 0 none;
	    background-color: #ffffff;
	    padding: 50px 100px;
	    box-sizing: border-box;
	    width: 100%;
	    z-index: 1;
	    position: relative;
		float: none;
		text-align: left;
    }
	
	img.about-img2{
		display: block;
		background-size: cover;
		width: 100%;
		height: auto;
		margin-top:80px;
	}
	
	img.about-img{
		display: none;
	}
	
	h2.about-h2{
		display: block;
		text-align: left;
		padding: 10px 0 20px 0 ;
		margin: 0;
	}

}

@media screen and (max-width: 767px) {
	.about{
	    padding: 50px 50px;
    }
}