@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');


body {
  text-align: center;
}

.paragraph {
  font-size: 0.8em;
  font-family: 'Raleway', sans-serif;
  text-align:center;
  padding-left: 10%;
  padding-right: 10%;
  line-height: 2.5em;
}

ul{
  list-style-type: none;
}

#myheader {
  text-align: center;
  font-family:'Playfair Display', serif;
  font-size: 1.8em;
  margin-top: 50px;
}

h1 {
  text-align: center;
  font-family:'Playfair Display', serif;
  font-weight: normal;
}

h2{
  text-align: left;
  font-family:'Playfair Display', serif;
  font-size: 60px;
  font-weight: normal;
}

img {
  text-align:center;
width:65%;
display:block;
margin:auto;
padding-top: 10px
}

.container{
  display: flex;
  width: 100%;
  justify-content: center;
}

.container ul{
  display: flex;
  width: 10%;
  padding-right: 35px;
}


.social{
  width:100%;
  justify-content: space-around;
}

.link{
  display: inline-block;
  font-size: 1em;
  color: black;
  font-family: 'Raleway', sans-serif;
    text-decoration: none;
    margin-bottom: 18px;
}


.link:hover{
  display: inline-block;
  text-align: center;
  color: red;
  font-size: 1em;
  font-family: 'Raleway', sans-serif;
  text-decoration: none;
}

hr {
    height: 0px;
    border: none;
    border-top: 1px solid black;
}

.grid{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-auto-rows: auto;
}

h3{
  font-family: 'Fjalla One', sans-serif;
  font-size: 1em;
  font-weight: normal;
  padding-bottom: 2px;
}


li{
  font-family: 'Fjalla One', sans-serif;
  font-size: 0.7em;}


.location .email {
  font-size: 5px
  font-family: 'Fjalla One', sans-serif;
  font-color:black;
  text-decoration: none;
}


#lady {
  text-align:center;
  width:40%;
  display:grid;
  padding-top: 0px;
}

.Copy {
  font-size: 0.5em;
  font-family: 'Fjalla One', sans-serif;
  font-color:black
  display:grid;
  text-align: center;
  padding-top: 5px;
}

@media (max-width:600px){
  body {
    background-color:
  }
.paragraph {
  margin-bottom: 10px;
  margin-left: 5%;
  margin-right: 5%;
  font-size: 0.7em;
}

#myheader {
  text-align: center;
  font-family:'Playfair Display', serif;
  font-size: 1.6em;
  margin-top: 35px;
}
img {
  text-align:center;
width:75%;
display:block;
margin:auto;
padding-top: 10px
}

.social{
  width:100%;
  justify-content: space-around;
}

.container ul{
  display: flex;
  width: 20%;
  padding-right: 35px;
}


#lady {
  text-align:center;
  width:60%;
  display:grid;
  padding-top: 0px;
}