@charset "utf-8";

body {
   font: 22px arial, sans-serif;
  background-image: url("seashells-sand-beach-rakushki.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

p {
	font: 20px arial, sans-serif;
	
}

li { font: 20px arial, sans-serif;}


/*link format*/
a:link{
	color: #0000FF;
}

a:visited {
    color: #8B008B;
}

a:active {
	color: 	#A52A2A;
}

a:hover {
    color: #00008B;
}
/* end link format*/

.container-fluid {
    padding-top: 10px;
    padding-bottom: 10px;
	opacity: 0.8;
}

.container-fluid-2 {
 
  padding-top: 100px;
    padding-bottom: 10px;
	font-size: 14pt;

}

.container {
    padding-top: 10px;
    padding-bottom: 10px;
	border-radius: 25px;
}

.container-top {
    padding-top: 100px;
    padding-bottom: 10px;
	border-radius: 25px;
}

/*navboxes*/

.row {
	margin: auto;
}

.container-navbox {
  margin: auto;
  position: relative;
  width: 50%;
}

.image-navbox {
  display: block;
  width: auto;
  height: auto;
}

.overlay-navbox {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #e8ffff;
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.container-navbox:hover .overlay-navbox {
  bottom: 0;
  height: 100%;
}

.text-navbox {
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.text-navbox2 {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.text-navbox3 {
  font-size: auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

@media screen and (max-width: 600px) {
.text-navbox, .text-navbox2,.text-navbox3 {
    font-size: 8px;
  }
}
	
/*end navboxes*/

.bg-1 { 
    background-color: #14acc3; /* Teal-Original Color*/
    color: #ffffff;
	opacity: 0.9;
	margin: auto;
}

.bg-2 { 
    background-color: #f0ffff; /* light-light blue-Original Color*/
    color: #878787;
	opacity: 0.9;
	margin: auto;
}

.bg-3 { 
    background-color: #6ea9b5; /* Gray Blue */
    color: #ffffff;
	opacity: 0.8;
	margin: auto;
}

.bg-4 { 
    background-color: #628ac1; /* Blue */
    color: #ffffff;
	opacity: 0.8;
	margin: auto;
}

.bg-5 { 
    background-color: #CCC49F; /* Tan-Original Color */
    color: #000000;
	opacity: 0.9;
	margin: auto;
}

.bg-6 { 
    background-color: #4caf50; /* Green-Original Color */
    color: #ffffff;
	opacity: 0.7;
	margin: auto;
}

.bg-7 { 
    background-color: #7b8f7c; /* Sea Green */
    color: #ffffff;
	opacity: 0.8;	
	margin: auto;
}

.bg-8 { 
    background-color: #bac162; /* Pea Green */
    color: #ffffff;
	opacity: 0.8;	
}

.bg-9 { 
    background-color: #b0a053; /* Mustard */
    color: #ffffff;
	opacity: 0.8;
}

.bg-10 { 
    background-color: #c19962; /* Burnt Orange */
    color: #ffffff;
	opacity: 0.8;

}

.bg-11 { 
    background-color: #c16a62; /* Rust */
    color: #ffffff;
	opacity: 0.8;
}

.bg-12 { 
    background-color: #878787; /* Dark Gray */
    color: #ffffff;
	opacity: 0.8;
}

.bg-13 { 
    background-color: none; /* None */
    color: #00000;
	opacity: 0.7;
}

.bg-14 { 
	background-color: none; /* None */
    color: #00000;
	opacity: 1;
}

.bg-15 { 
    background-color: ffffff; /* white */
    color: #00000;
	opacity: 1;
}