/* ----------------------------------------------------
  Created by Christina Truong for Ladies Learning Code
  http://ladieslearningcode.com
  http://christinatruong.com
-------------------------------------------------------*/


/* GLOBAL STYLES
-----------------------------------------*/
html, body {
  height: 100%;
}
body {
  padding: 0;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  color: DIMGRAY; /* dark, almost black, gray colour */
}
h1, h2 {
  font-family: 'Arvo', serif;
  font-weight: 300; /* removes default bold styles */
  text-transform: uppercase;
  margin: 0; /* removes default space */
}
a {
  color: BLANCHEDALMOND;
  text-decoration: none; /* removes default underline */
}
/*a:hover {
  background: rgba(255, 255, 255, 0.3);
}*/

header, main, nav {
  padding: 20px 30px;
}

main {
  clear: both;
}

.highlight {
  color: TOMATO;
}

.head {
  color:FLORALWHITE;
}

/* HEADER STYLES
-----------------------------------------*/
header h1 {
  font-size: 48px;
}
header h2 {
  font-size: 24px;
}
header {
  float: left;
}
nav {
  float: right;
}
nav a {
  padding: 20px;
}

/* HOME PAGE STYLES
-----------------------------------------*/
.home {
  background: url(../images/china.jpg) no-repeat 50%;
  background-size: cover;
}

/* ABOUT STYLES
-----------------------------------------*/
.about {
  background: url(../images/groves.jpg) no-repeat 50%;
  background-size: cover;
}

.about main {
  background: rgba(255, 255, 255, 0.7);
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
}

.profile-img {
  float: left;
  margin-right: 20px;
  width: 50%;
}

.quote {
  clear: both;
  padding: 5px 150px 0;
  text-align: center;
}

blockquote p {
  font-family: 'Cookie', cursive;
  font-size: 40px;
}


/* TUTORING STYLES
-----------------------------------------*/
.tutor-img {
  float: left;
  margin-right: 20px;
  width: 400px;
}

.tutor {
  background: url(../images/seals.png);
  background-size: cover;
}

.tutor main {
  background: rgba(255, 255, 255, 0.7);
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: left;
}
.quote1 {
  float: left;
  width: 42%;
}
.quote1 p, .quote2 p {
  font-family: 'Muli', sans-serif;
  font-size: 22px;
  clear: both;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  color:FLORALWHITE;
}

.quote2 {
  float: right;
  width: 42%;
}

/* CONTACT STYLES
-----------------------------------------*/
.contact {
  background: url(../images/kw1.jpg) no-repeat 50%;
  background-size: cover;
}
.contact main {
  background: rgba(255, 255, 255, 0.7);
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}
.contact main h1 {
  text-transform: none;
}

a.avon {
  color:TOMATO;
}

img.icons {
  width: 60px;
  border-radius: 50%;
  background-color: white;
}

img.ferrets {
  width: 200px;
}

img.avon {
  width: 100px;
  border-radius: 50%;
}


/* FOOTER STYLES
-----------------------------------------*/
/* Sticky Footer - http://css-tricks.com/snippets/css/sticky-footer */
.page-wrap {
  min-height: 100%;
  margin-bottom: -55px; /* must be the same height as footer */
}
.page-wrap:after {
  content: "";
  display: block;
}
footer,
.page-wrap:after {
  height: 55px; /* however tall you want the footer to be */
}
footer {
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 1px;
  text-transform: lowercase;
  clear: both;
}