* {
  font-family: Georgia, Garamond, serif;
}

body {
/*  background-color: rgb(255,253,216);
 rgb(255,253,216) slight yellow 
rgb(232,196,193) slight red*/
}

* {
  margin: 1.5px;
  padding: 1.5px;
}

h1 { 
  color: Navy;
  color: rgb(0,0,128);
  color: rgba(0,0,128,1);
  /*background-color: Aqua;
  background-color: rgb(0,255,255);
  background-color: rgba(0,255,255,1);*/
  font-size: 60px;
  line-height: 0em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px;
  margin-top: 32px;
  padding-top: 0px;
  vertical-align: 10px;
}


h2 {
  text-decoration: underline;
}

h3 {
  color: white;
  /*color: rgba(0,255,255,1);*/
  background-color:rgba(0,0,128,1);
  font-size: 24px;
  text-align: Center;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 15px;
}

li {
  line-height: 1.5em;
  font-family: Raleway;
  /*color: white;*/
}

.container {
border: 5px solid #FFF;
//  border-color: Aqua;
//  border-style: ridge;
  border-radius: 35px;
  font-size: 24px;
  font-weight: bold;
//  background-color: rgb(163,232,160);
background-color: rgb(187,255,248);

/*rgb(232,196,193) slight red
rgb(163,232,160) slight green  
rgb(253,255,145) slight yellow
rgb(187,255,248) light blue
rgb(218,111,255) purple*/

background-image: -webkit-linear-gradient(rgb(232,196,193), rgb(163,232,160));
background: -webkit-linear-gradient(top, rgb(232,196,193), rgb(163,232,160)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(bottom, rgb(232,196,193), rgb(163,232,160)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(bottom, rgb(232,196,193), rgb(163,232,160)); /* For Firefox 3.6 to 15 */
background: linear-gradient(to bottom, rgb(232,196,193), rgb(163,232,160)); /* Standard syntax */
background: linear-gradient(to bottom, rgb(232,196,193), rgb(163,232,160)); /* Standard syntax */

//background: linear-gradient(to bottom, Aqua, rgb(187,255,248)); /* Standard syntax */
//blue purple - background: linear-gradient(to bottom, Aqua, rgb(71,98,255)); /* Standard syntax */
  padding-left: 35px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right:15px;

border-bottom-style: solid;
border-top-style: solid;
border-right-style: hidden;
border-left-style: hidden;
border-color: rgb(0,0,128);
}

.topTitle.fadeTitle.full {
  width: 65px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.topTitle.fadeTitle.less {
  width: 65px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.topTitle.fadeTitle {
  display: inline-block;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}


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

.buttons a {
  background: rgb(0,0,128);
  border: 1px solid rgb(0,0,128);
  border-radius: 8px;
  color: white;
  /*color: rgb(0,255,255);*/
  display: inline-block;
  margin-top: 5px;
  margin-bottom 0px;
  margin-right: 5px;
  margin-left: 5px;
  padding: 14px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
}

.buttons a:hover {
  background: white;
  /*background: rgb(0,255,255);*/
  border: 1px solid rgb(0,0,128);
  color: rgb(0,0,128);
  animation: ease;
}

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


.pics img {
  border-radius: 8%;
  width: 100%;/*49.525%;*/
  display: inline-block /*inline-block;*/
  margin: 0px auto;
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  z-index: 1;
}


.pic1drop {
display: none;
    position: fixed;
    top:40%;
    left:0px;
    width:100%:
    height:30px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
    border-radius: 8px;
}

.pic1drop a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.pic1drop a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.pic1:hover .pic1drop {
    display: block;
}

.pic2drop {
display: none;
    position: fixed;
    top:40%;
    right:0px;
    width:100%:
    height:30px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
    border-radius: 8px;
}

.pic2drop a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.pic2drop a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.pic2:hover .pic2drop {
    display: block;
}

.pic3drop {
display: none;
    position: fixed;
    top:60%;
    left:0px;
    width:100%:
    height:30px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
    border-radius: 8px;
}

.pic3drop a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.pic3drop a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.pic3:hover .pic3drop {
    display: block;
}

.pic4drop {
display: none;
    position: fixed;
    top:60%;
    right:0px;
    width:100%:
    height:30px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
    border-radius: 8px;
}

.pic4drop a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.pic4drop a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.pic4:hover .pic4drop {
    display: block;
}

/*
.fruits {
float: right;
width: 50%
}

.vegetables {
float: right;
width: 50%
}
*/

a { 
  color: DarkSlateGray
}

/*
img {
  border-radius: 8%;
  width: 50%;
}
*/



/*
ul {
border-bottom: 1px solid #E4BB97;
  list-style: none;
  margin: 100px 0px;
  padding-bottom: 60px;
}
*/

/* This is a comment is CSS */
/* Colors: SeaGreen, Blue, DarkSlateGray, Red, MidnightBlue, DarkBlue
http://www.colors.commutercreative.com/grid/
https://color.adobe.com/create/color-wheel/?base=2&rule=Analogous&selected=4&name=My%20Color%20Theme&mode=rgb&rgbvalues=1,0.9474369367727604,0.050000000000000044,0.91,0.5235977674595558,0.04550000000000004,1,0,0,0.4874405387766259,0.04550000000000004,0.91,0.327356769175967,0.6668287671301738,1&swatchOrder=0,1,2,3,4
font size can be: font-size: 150%; (this is percentage of standard browser font which is usually 16 px)
Distance between lines in text: line-height: 0em; (a fraction of "m's", i.e. width of an m in that font size)
Distance between words: word-spacing: 0.3em;
Distance between letters: letter-spacing: 0.3em;
font-weight: bold; 100 - 900 with 900 being bold, and 400 being normal
font-style: italic;
 text-transform: uppercase; or lowercase (for all lowercase)

*/