html {font-size: 16px;}

body {background-color: white;}

h1, h2, h3, h4 {
    font-family: 'Kalam', serif;
    letter-spacing: 5px;
    color: Black;
}

p, h2, h4 {color: #2c506d;}

h3 {
    background-color: #0099cc;
    padding: 10px;
}

h5, h6 {font-family: 'Cormorant Garamond', serif;}

a:link, a:visited {color: #006699;}
a:hover, a:active {color: #0099cc;}

.light_link:link, .light_link:visited {color: #ffffff;}
.light_link:hover, .light_link:active {color: #ffcccc;}

nav {
    font-family: 'Cormorant Garamond', serif;
    font-weight: lighter;
    background-color: #848a9a;
}

.nav-item {padding: 0}

.nav-link {text-shadow: 1px 2px black;}

header p {
    text-align: center;
    letter-spacing: 6px;
}

p {
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 3px;
    font-size: 18px; 
    font-weight: 500;
}

.btn-dark {
    color: #f7f7f7!important;
    background-color: #2c506d;
}

#map_ad {
    background-color: rgb(182, 206, 226);
    background-color: rgba(182, 206, 226,0.5);
}

figcaption {color: Black;}

footer {background-color: black;}

.hr_fancy { 
  border : 0;
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 
}

[title~=pi] {background-color: MediumSeaGreen;}

#OuterShopDiv {background: radial-gradient(#f8f9fa, #2c506d);}

#shopBTNs a {
    font-size: 25px;
    color: white;
    text-shadow: 
    1px 0px 1px #8297a9, 0px 1px 1px #5e7487, 
    2px 1px 1px #8297a9, 1px 2px 1px #5e7487,
    3px 2px 1px #8297a9, 2px 3px 1px #5e7487,
    4px 3px 1px #8297a9;   
}

/* media queries */

/* MOBILE / TABLET */
@media (max-width:320px){

}

/* DESKTOP */
@media (min-width:768px){

}

@media (min-width:1200px){

}