/*******************************
GENERAL
*******************************/



body {
  font-family: 'Merriweather Sans', sans-serif;
  font-size: 1em;
  line-height: 1.5;

  
  
}
  
#wrapper {
  max-width:940px;
  margin: 0 auto;
  padding: 0 5%;
}

a {
  text-decoration:none;
}

img {
  max-width:100%;
}
h3 {
   margin: 0 0 1em 0;
}

.soc-links {
  font-size: 1.1em;
  text-shadow: 2px 2px 2px rgba(0,0,0, .2);
  
}
.soc-links:hover {
  color: #7c337c;
}

.common {
  font-size:1.4em;
  color:#7c337c;
  padding-left: 20px;
  text-shadow: 1.5px 1.5px 4px rgba(0,0,0, .2);
  
}

 .prof-links:hover {
  color: #7c337c;
}

/*******************************
HEADING
*******************************/

header {
  float:left;
  margin: 0 0 30px 0;
  padding:5px 0 0 0;
  width:100%;
  border-top: 10px solid #7c337c;
  
}

#logo {
  text-align:center;
  margin:0;
}

h1 {
  font-family: 'Play', sans-serif;
  margin:15px 0;
  font-size: 3rem;
  font-weight:normal;
  line-height:0.8em;  
  text-shadow: 2px 2px 5px #7c337c;
}

h2 {
  font-size:0.9em;
  margin:-5px 0 0;
  padding: 0 1px;
  font-weight:normal;
  line-height:1.7em;
  
}





  
/*******************************
NAVIGATION
*******************************/
  
  
nav {
    text-align:center;
    padding:10px 0;
    margin:20px 0 0;
  }
  
nav ul {
  list-style:none;
  margin:0 10px;
  padding:0;
}

nav li {
  display:inline-block;
}
  
nav a {
  font-size: 1.5em;
  font-weight:400;
  padding:15px 10px;
  text-shadow: 2px 2px 5px #7c337c;
}

/*******************************
FOOTER
*******************************/

footer {
  text-align:center;
  clear:both;
  font-size:0.75em;
  padding-top:50px;
  color:#9f569f;
  
}

.social-icon {
  width: 20px;
  height:20px;
  margin:0 5px;
}



/*******************************
PAGE: HOME
*******************************/



.conditions {
  text-align:left;
  list-style:none;
  margin:30px;
  padding:5px;
  font-size: 1.4em;
  text-shadow: 2px 2px 4px rgba( 0,0,0, .2);
}
   
.stone-feet {
  display:block;
  max-width:250px;
  margin:20px auto 30px;
  border-radius:80%;
  box-shadow: 3px 3px 15px -2px rgba(0,0,0, .5);
}

/*******************************
PAGE: CONTACT
*******************************/

.cont {
  color:#7c337c;
  font-size:1.4em;
}

.contact-info {
  list-style:none;
  padding:0;
  margin:0;
  font-size:1.1em;
  text-shadow: 1px 1px 4px rgba(0,0,0, .3);
  }

.contact-info a {
  display:block;
  min-height:20px;
  background-repeat: no-repeat;
  background-size:30px 30px;
  padding: 0 0 0 30px;
  margin: 0 0 10px;
}

.contact-info li.phone a {
  background-image:url('../img/phone.png');
}

.contact-info li.mail a {
  background-image:url('../img/mail.png');
}

.contact-info li.twitter a {
  background-image:url('../img/twitter.png');
}



/*******************************
COLOURS
*******************************/


/* site body */
body {
  background-color:#fff;
  color:#858585;
}

/* purple header */
header {
  /*background:#af609e;*/
  background: linear-gradient(to top, #af609e 20%, #7c337c);  
  
 
}

/* nav background on mobile */
nav {
  /*background:#af609e;*/
  background: linear-gradient( #af609e 10%, #7c337c);
}

/* logo text */
h1, h2 {
  color: rgba(255, 255, 255, .9);
}

/* links */
a {
  color: rgb(0, 110, 110);
}

/* nav link */  
nav a, nav a:visited{
  color:#fff;
}

/* selected nav link */
nav a.selected  {
  color: rgba(255, 255, 255, .5);
}

nav a:hover {
  color: #7c337c;
}