Practice 4

practice_four.css

a:link {
	color: #3399ff;
}

a.button:hover {
	background-color: #ffff00;
}

a.free-listing:hover {
	background-color: #ffff00;
}

a:visited {
	color: #003366;
}

.all-divs {
  border: 1px solid black; 
  margin: 50px;
  padding: 40px;
  width: 940px;
  /*height: 450px;*/
  font-family: Helvetica,Arial,sans-serif;
  font-weight: bold;
  color: #fff;
}

.right-content-padding {
	padding: 20px;
	font-size: 20px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: auto;
}

.bottom-content-padding {
	padding: 10px;
	/*line-height: 20px;*/
	background-color: rgba(0, 0, 0, 0.5);
	/*width: 100%;*/
	height: 180px;
}

p.text {
  font-weight: normal;
  font-size: 17px;
	/*padding: 0 10px;*/
}

.bordered {
  border: solid 1px black;
}

.audience {
  background: url(http://adsolutions.yp.com/sites/default/files/homepage/grid-hero-rocker.jpg); 
  background-size: 200%;
  background-repeat: no-repeat;
	color: black;
  font-size: 35px;
  font-weight: normal;
  width: 60%;
  height: 371px;
  float: left;
  margin: 0 30px 10px 0;
}

.audience-padding {
	padding: 15px;
}

.audience-text {
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
	margin: 30px 0;
}

.circle { 
   width: 50px;
   height: 50px;
   background: white; 
   -moz-border-radius: 25px; 
   -webkit-border-radius: 25px; 
   border-radius: 50%;
}

.scan {
  background: url(http://adsolutions.yp.com/sites/default/files/homepage/grid-hero-rocker.jpg);
  background-position: top right;
  width: 30%;
	/*height: 117px;*/
  float: left;
  /*font-size: 20px;
	padding: 10px 0 0 0;
  text-align: center;*/
}

.scan-icon {
	float: left;
	margin: 0;
}

.scan-text {
	float: right;
	width: 66%;
	margin: 0;
}

.fa-wrench {
	color: #ff5050;
}

.watch {
  background: url(http://adsolutions.yp.com/sites/default/files/homepage/grid-hero-rocker.jpg);
  background-position: top right;
  width: 30%;
  /*height: 117px;*/
  margin: 3px 0;
  float: left;
	/*font-size: 20px;
	padding: 10px 0 0 0;
  text-align: center;*/
}

.watch-icon {
	float: left;
	margin: 0;
}

.watch-text {
	float: right;
	width: 66%;
	margin: 0;
}

.fa-play {
	color: #ff5050;
}

.download {
  background: url(http://adsolutions.yp.com/sites/default/files/homepage/grid-hero-rocker.jpg);
  background-position: top right;
  width: 30%;
  /*height: 117px;*/
  float: left;
  margin-bottom: 9px;
  /*font-size: 20px;
	padding: 10px 0 0 0;	
  text-align: center;*/
}

.dl-icon {
	float:left;
	margin: 0;
}

.dl-text {
	float: right;
	width: 66%;
	margin: 0;	
}

.fa-download {
	color: #ff5050;
}

.clear {
  clear: both;
}

.clear-two {
	clear: both;
	height: 50px;
	color: black;
	text-align: center;
}

.get-found {
  background: url(http://adsolutions.yp.com/sites/all/themes/yp_bootstrap_subtheme/less/img/home-featurebox-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 25px;
  width: 30%;
  height: 200px;
  float: left;
}

.drive-leads {
  background: url(http://adsolutions.yp.com/sites/all/themes/yp_bootstrap_subtheme/less/img/home-featurebox-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 25px;
  width: 30%;
  height: 200px;
  margin: 0 15px 0;
  float: left;
 }
 
.expand-reach {
  background: url(http://adsolutions.yp.com/sites/default/files/homepage/home-featurebox-3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 25px;
  width: 30%;
  height: 200px;
  float: left;
}

.free-listing {
    background-color: #ffcc66;
    border: none;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
		font-weight: normal;
		float: left;
		box-shadow: 1px 1px grey;
}

.button {
    background-color: #ffcc66;
    border: none;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
		font-weight: normal;
		float: right;
		box-shadow: 1px 1px grey;
}