* {
    margin: 3;
    padding: 1;
}

header {
    color: #586565;
    text-align: left; 
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
 }

h1 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #586565;
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
    margin: 5px 5px 5px 50px;
}

p {
    top: 50%;
    left: 50%;
    color: #39403E;
    text-align: left;
    text-shadow : 3px 2px 10px #99ffff, 3px 6px 18px #ddccff;
    font-family: 'Roboto', sans-serif;
    margin: 5px 5px 5px 50px;
}

.slide-container {
    height: auto;
    width: auto;
    overflow: auto;
    white-space: nowrap;
    margin: 5px 80px 5px 50px;
   }

.slide-container img {
    width: auto;
    height: auto;
    max-width: 40%; 
    max-height: 700px;
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}

.row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.col-sm-6 {
    width: 50%;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}