body {
	background-color: #ddd;

}


#grad1 {
  height: 200px;
  background-color: red; /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom right, #e7f2d7 0%, #006655 100%);
}

.w3-container {
	background-color: rgb(255, 255, 255);
}


.centerdiv {
	width: 80%;
	background-color: #ffffff;
	margin:auto;
}

.footer {
	width: 80%;
	background-color: #380000;
	margin:auto;
}

.w3-bar {
	width: 80%;
	margin: auto;
}

.img-small {
		}



.w3-border{
	padding:2px;
}


.w3-bar-item {
	font-size: 16px;
font-family: 'Cambay', sans-serif;
}



p.descrip {
font-family: 'Oswald', sans-serif;
font-size:18px ;
margin: auto;
width: 80%;
padding-top: 10px;
}


p.intro {
 font-family: 'Cambay', serif;
 	text-size:24px ;
 		text-align: center;
}


h1.logotype{
	color: #ffffff;
 	text-size:36px ;
	text-align: center;
    font-family: 'Cinzel', serif;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 0px;
}


h5.logotype{
	color: #ffffff;
	text-size: ;
	text-align: center;
    font-family: 'Cinzel', serif;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 0px;
}


h5.logotypesmall{
	color: #000;
 	text-size:24px ;
	text-align: center;
    font-family: 'Cinzel', serif;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 0px;
}

h2{
	color: #0c1a48;
	text-size: ;
	text-align: center;
    font-family: 'Redressed', serif;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 0px;
	margin-top: 0px;
}

h3 {
	color: #eaffac;
	font-size: 30px;
	text-align: center;
    font-family: 'Teko', sans-serif;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
}
h4.intro{
	font-size: 36;
		text-align: center;
    font-family: 'Oswald', sans-serif;
		color: #652800;
}

h6{
	color: #fff;
	font-size: 24px;
		text-align: center;
font-family: 'Teko', sans-serif;
	letter-spacing: 0.10em;
	line-height: 1.2 em;
	padding-top: 0px;
	margin-top: 0px;
}

h5{
	color: #feffe8;
	font-size: 24px;
		text-align: center;
font-family: 'Teko', sans-serif;
	letter-spacing: 0.10em;
	line-height: 2.4 em;
	padding-top: 0px;
	margin-top: 0px;
}

h5.nav{
	color: #c1c1c1;
	font-size: 18px;
		text-align: center;
font-family: 'Oswald', sans-serif;
	letter-spacing: 0.10em;
	padding-right: 80px;
		padding-left: 80px;

}


.img-centered {
	margin: auto;
	width: 100%;
	
} 




/*---------------social media--------------------------*/
.fa {
  padding: 5px;
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}


.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

/*---------------color themes--------------------------*/

.w3-theme-l5 {color:#3d3d3d !important;background-color:#4f4f4f !important}
.w3-theme-dark {color:#fff !important;background-color:#212121 !important}
.w3-theme-light {color:#000 !important;background-color:#fff !important}
.w3-theme-l4 {color:#000 !important;background-color:#192f6e !important}

/*---------------these themes unused--------------------------
.w3-theme {color:#fff !important;background-color:#1cfff8 !important}
.w3-theme-light {color:#000 !important;background-color:#c7f7ff !important}
.w3-theme-dark {color:#fff !important;background-color:#005860 !important}

.w3-theme-l4 {color:#000 !important;background-color:#fff58d !important}
.w3-theme-l3 {color:#000 !important;background-color:#ffe600 !important}
.w3-theme-l2 {color:#fff !important;background-color:#faffe8 !important}
.w3-theme-l1 {color:#fff !important;background-color:#f7ffe3 !important}
.w3-theme-d1 {color:#fff !important;background-color:#3949ab !important}
.w3-theme-d2 {color:#fff !important;background-color:#303f9f !important}
.w3-theme-d3 {color:#fff !important;background-color:#283593 !important}
.w3-theme-d4 {color:#fff !important;background-color:#1a237e !important}

.w3-theme-action {color:#fff !important;background-color:#311b92 !important}
.w3-text-theme {color:#1a237e !important}
*/