* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 18px;
    background-color:rgb(174, 150, 88);
  }

header {
    display: flex;
    height: 5rem;
    justify-content: center;
    margin-top: 2rem;
}

h1 {
    font-size:2.5rem
}

.intro, .apparitions {
    width: 90%;
    height: auto;
    margin-left: 3rem;
    margin-top: 2rem;
}

.dropCap {
    font-size: 2rem;
}

.maryMedj {
    display: flex;
    justify-content: center;
    height: 40rem;
}

li {
    margin-left: 30px;
}

sup {
    font-size: xx-small;
}

.appSites {
    display:block;
    float:left;
    height:auto;
    width: 40%;
    margin-right:1rem;
    margin-bottom: 1rem;
}

.europeApp {
    display:block;
    float:right;
    height:auto;
    width: 40%;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.fatimaKids {
    display:block;
    float: left;
    width: 12rem;
    height:auto;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.box {
    display:flex;
    justify-content: center;
}

.miracle {
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1rem;
    height:auto;
    width:25%;
    padding: 1rem;
}

.fatima, .sun {
    display: flex;
    padding:1rem;
    height: auto;
    width: 25%;
    margin-bottom: 1rem;
    margin-top:1rem;
}

.appHill {
    display: block;
    float:left;
    height: 10rem;
    width: 25%;
    margin-right:1rem;
    margin-bottom:1rem;
}

tr, th, td {
    border:1px solid black;
    text-align: center;
}

table {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

  a:link, a:visited {
    color:darkblue;
  }

.tilma {
    display:block;
    float:right;
    width: 25%;
    height: auto;
    margin-bottom: 1rem;
    margin-top:1rem;
    margin-left:1rem;
}

.mary, .grotto {
    display:block;
    float:right;
    width: 17%;
    height: auto;
    margin-bottom: 1rem;
    margin-top:1rem;
    margin-left:1rem;
}

.zeitoun {
    display:block;
    float:left;
    width: 14%;
    height: auto;
    margin-bottom: 1rem;
    margin-right:1rem;
}

.pilar {
    display: block;
    float: left;
    width: 8%;
    height: auto;
    margin-right: 1rem;
    margin-bottom:1rem;
}

.dayApparition {
    display: block;
    float: right;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    margin-left:1rem;
    width: 20%;
}

.retouch {
    display: block;
    justify-content: center;
    width: 25%;
    margin: 1rem auto;
}

.certainty {
    text-align: center;
}

.foot {
    font-size: 15px;
    border-top: solid 2px black;
    width: 90%;
    margin: 1rem;
}