div {
  font-family: sans-serif;
}

body {
  background-color: #f2790d;
  color: #fff;
  font-family: sans-serif;
  font-size: 20px;
  padding: 10px 20px;
} 

a:focus {
  background-color: #f5933d;
  border: none;
  border-radius: 41px;
}

nav {
    border-radius: 9px;
}

.grand {
    width:229px;
}

.nounderline {
    text-decoration:none;
}

.button3 {
    color: white;
    background: darkturquoise;
    padding: 20px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.4s;
    margin-bottom: 20px;
    text-decoration: none;
}

    
.button3:hover {
        text-decoration:none;
        color: white;
        background: plum;
        border-radius: 50px;
        transition: all 0.4s;
        box-shadow: 0 0 1px 5px rgba(221, 159, 222, 0.39), 0 0 1px 10px rgba(138, 59, 88, 0.1);
}

/* The container */
.container {
    background-color: brown;
    height: 335px;
    width: 500px;
}

/* Blend-multiply property */
.blend-multiply {
    mix-blend-mode: multiply;
}

/* Blend-screen property */
.blend-screen {
    mix-blend-mode: screen;
}

/* Blend-colordodge property */
.blend-colordodge {
    mix-blend-mode: color-dodge;
}

/* Blend-hue property */
.blend-hue {
    mix-blend-mode: hue;
}

/* Blend-luminosity */
.blend-luminosity {
    mix-blend-mode: luminosity;
}

.my-button {
        padding: 5px 10px;
        background: #f5933d;
        border: 2px solid #da6c0b;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        border-radius: 41px;
      }

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

.greetings {
  text-align: center;
  font-weight: bold;
}

img.resize {
  max-width: 600px;
  max-height: 400px;
}
  
ol {
   font-weight:bold;
}

 a {
    font-family: sans-serif;
    text-decoration: none;
    color: #fff;
    
}

h1 {
    font-family: sans-serif;
}

title {
  font-family: sans-serif;
}

h2 {
  font-family: sans-serif;
}

p {
  font-family: sans-serif;
}

h3 {
  font-family: sans-serif;
}

.w3-theme {
color:#fff !important;background-color:#f2790d !important}
.w3-theme-light {
color:#000 !important;background-color:#fef7f0 !important}
.w3-theme-dark {
color:#fff !important;background-color:#793c06 !important}
.w3-theme-l5 {
color:#000 !important;background-color:#fef7f0 !important}
.w3-theme-l4 {
color:#000 !important;background-color:#fce4cf !important}
.w3-theme-l3 {
color:#000 !important;background-color:#fac99e !important}
.w3-theme-l2 {
color:#fff !important;background-color:#f7ae6e !important}
.w3-theme-l1 {
color:#fff !important;background-color:#f5933d !important}
.w3-theme-d1 {
color:#fff !important;background-color:#da6c0b !important}
.w3-theme-d2 {
color:#fff !important;background-color:#c2600a !important}
.w3-theme-d3 {
color:#fff !important;background-color:#aa5409  !important}
.w3-theme-d4 {
color:#fff !important;background-color:#914808 !important}
.w3-theme-d5 {
color:#fff !important;background-color:#793c06 !important}
.w3-theme-action {
color:#fff !important;background-color:#f5933d !important}
.w3-text-theme {
color:#da6c0b  !important}

.Padding {
  padding: 50px
}

.Bobgreets {
  width: 460px
}

.my-button:hover {
  text-decoration: none;
  border: none;
  color: white;
}

a:hover {
    background-color: #f5933d;
    border-radius: 41px;
}

.Grid {
  width: 164px;
  height: 164px;
}

.spacing {
  padding: 10px;
}

.dropdown-item:hover {
  background-color: #f5933d;
  color: white;
  border-radius: 41px;
}

.white {
  color: white;
}

.right {
    float: right;
}

.noborder {
  border: solid none;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

.left {
    position: absolute;
    left: 0px;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.space {
    padding:15px,15px,15px,15px;
}
}
