* {
    margin: 0;
    padding: 0;
    font-family: verdana;
}

body {
    /* background-color: rgb(255, 226, 190); */
}
  
p {
    font-family: verdana;
    font-size: 20px;
}

.topBar {
    width:100%;
    z-index:5;
    position: fixed;
    background-color: orange;
    /* border-style: solid;
    border-top: 0;
    border-color: aqua; */
}
.topBar li {
  float: left;
}
.topBar a {
  display: block;
  padding: 18px;
  text-decoration: none;
  color:white;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  
}
.topBar p {
    color: white;
    padding: 18px;
    font-size: large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.topBar {
    list-style-type: none;
}

.bottomBar {
    text-align: center;
    position: relative;
    top: 85px;
    width:100%;
    height: 100px;
    background-color: orange;
    color:white;
}
.bottomBar li {
    display: inline-block;
}
.bottomBar a {
  display: inline-block;
  padding: 35px;
  text-decoration: none;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color:white;
}



/* REAL */
.big {
    width: 100%;
    height:350px;
    top:60px;
    position: relative;
}
.big img {
    width:50%;
    height:100%;    
    position: absolute;
    object-fit: cover;
    top:0px;
}
.big h1 {
    text-align: center;
    vertical-align: middle;
    width:40%;
    height:100%;
    position: relative;
    top: 150px;
    padding: 0 5%;
}
.big p {
    text-align: center;
    width:40%;
    position: absolute;
    top:120px;  
    padding: 0 5%;
}
#right {
    left: 50%;
}

.info {
    width: 100%;
    position: relative;
    top: 80px;
    text-align: center;
}
.info h3 {
    width: 90%;
    position: relative;
    left: 5%;
}
.info p {
    width: 90%;
    position: relative;
    left: 5%;
}
.info li {
    font-size: large;
}


h2 {
    color: black;
}
p {
    color: black;
}
.dark {
    background-color: rgb(0,17,34);
    background-color: orange
}
.dark h2 {
    color: black;
}
.dark p {
    color: black;
}
.big {
    /* background-color: rgb(0, 10, 20); */
    background-color: orange
}
.big h1 {
    color: white;
}
.big p {
    color: white;
}
.topInfo p {
    color: black;
}