body, html {
    overflow-x: hidden;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #5f5f5e;
	line-height: 24px;
}

a {
	color: #5f5f5e;
}

a:hover {
	color: #d89aa4;
}

.main-image {
    width: 100%;
}


h1 span {
  position: relative;
  font-size: 30px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #5d5d5d;
  text-transform: uppercase;
}

h1 span:after {
  position: absolute;
  content: '';
  width: 15%;
  height: 2px;
  border-bottom: 2px solid #5d5d5d;
  bottom: -20px;
  left: 50%;
  margin-left: -7.5%;
}
 

h1:after {
	border-bottom: 2px solid;
	width: 100px;
	}

h2 {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
    font-size: 24px;
	background: #a5a5a5;
	padding: 20px;
	text-transform: uppercase;
	display: table;
	margin: 20px auto 40px auto;
	text-align:center;
}

h3 {
	font-family: 'Allura', cursive;
}

.about {
	background-image: url('https://foresightonline.com.au/img/about-pic.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	padding-top: 300px;
	opacity: 0.9;
}

.about-text {
	padding: 5% 15%;
	width: 100%;
	background: #ffffff;
	opacity: 0.8;
	font-size: 120%;
}

.footer {
    background-color: #ebeeef;
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 15px 0 5px;
	color: #a5a5a5
}

.footer i {
    color: #a5a5a5;
    padding: 0px 20px;
}

.footer a {
    color: #a5a5a5;
}

.content {
    width: 90%;
    margin: 5px 5%;
}

.brands {
    text-align: center;
    padding-left: 25px;
    padding-right: 25px;
    background: #ffffff;
}

.brands-content {
	background: #ebeeef;
	width: 100%;
	min-height: 405px;
	text-align:center;
	padding: 25px;
}

.brands-content-small {
	background: #ebeeef;
	width: 100%;
	min-height: 360px;
	text-align:center;
	padding: 25px;
}


.brands img {
    margin: 0 auto;
    width: 100%;
    max-width: 360px;
    height: 100px;
}

.management-image img {
    width: 100%;
}

.management p {
	font-size: 95%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0;
}

.row {
    padding-top: 30px;
}

.management .col-md-3 img {
    width: 100%;
}

.management {
	padding-bottom: 40px;
	}



@media screen and (min-width: 1200px) {
  .content {
    width: 80%;
    margin: 5px 10%;
}

h3 {
	font-family: 'Allura', cursive;
	font-size: 24px;
}

.management p {
	font-size: 100%;
}

}


@media screen and (max-width: 600px) {
.about {
	background-image: url('https://foresightonline.com.au/img/mobile-about.jpg');
    background-repeat: no-repeat;
    background-position: center top;
	padding-top: 300px;
	opacity: 0.9;
	width: 100%;
}

.about-text {
	padding: 5% 15%;
	width: 100%;
	background: #ffffff;
	opacity: 0.8;
	font-size: 120%;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right:0;
}

h3 {
	font-family: 'Allura', cursive;
	font-size: 24px;
}

.management p {
	font-size: 100%;
}

}