/* vmat-m-css */
/* General Settings */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 50%; /* 2 */
}

body {
    font-size: 16px;
    font-family: "Arial", Helvetica, sans-serif;
    margin: 0;
    /*color: #000;*/
    /*background: #555555;
    background-image:  url(../images/Kyoto-Path.jpg);
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
}

main { 
    display: block;
    padding: 30px 0;
    background: #808000;
    background:  url(../images/Kobe-Waterfall.jpg); 
    /*background:  url(../images/Kyoto-Path.jpg); filter: grayscale(40%); */
}

* { outline: none !important; }

a:hover {
    text-decoration: none;
    opacity: 0.5;
}

h1, h2, h3, h4, h5, h6, p, a, input, div, textarea, label {
    margin: 0;
}

h2 { font-size: 1.3em; }

h3 { font-size: 1.2em; color:white; }

ul {
    list-style-type: none;
    padding-left: 0;
    font-weight: 400;
    font-style: normal;
    color: white;
    margin: 0;
}

p { font-size: 1em; }

img { 
	border-style: none; 
	opacity: 1.0 
}




.container {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 10px;
    max-width: 100%;
    box-sizing: border-box;
}

.section-heading {
	display: block;
	margin: 0 auto;
	max-width: 35%;
    padding: 10px 0; 
    text-align: center;
    color: #FFF;
    border-style: solid solid solid solid;
    border-color: #555;
    border-width: 5px;
    border-radius: 5px;
    /*font-size: 22px;
    font-weight: bold;*/
    background-color: #928849;
     /*background-color: transparent; */
     /* background:  url(../images/Water-Reflection.jpeg) no-repeat bottom right; */
     opacity: 0.9;
}

.section-contents {
	display: block;
	margin: 0 auto;
	max-width: 50%;
    padding: 10px 0; 
    text-align: center;
    color: white;
    font-size: 1em;
    
    /*background: #D7DBDD;*/
     background-color: transparent; 
     /* background:  url(../images/Water-Reflection.jpeg) no-repeat bottom right; */

}

.section-bg-home {
	background-color: #003477;
    background-image:  url(../images/vmat-bg-3.png);
    opacity: 1.0;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section-bg-home-2 {
	background-color: #003477;
    background-image:  url(../images/Kyoto-Path-Fade.png);
    opacity: 1.0;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section-bg-heal {
	background: #555555;
    background-image:  url(../images/PG-Trail.jpeg);
    opacity: 1.0;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section-bg-ins {
	background: #555555;
    background-image:  url(../images/Kyoto-Path-Fade.png);
    opacity: 1.0;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section-bg-found {
	background: #555555;
    background-image:  url(../images/Reflection-Darkened.png);
    opacity: 1.0;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section-bg-support {
	background: #555555;
    background-image:  url(../images/Okinawa-Home.jpg);
    opacity: 1.0;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.section-bg-cornhole {
	background: #555555;
    background-image:  url(../images/cornhole-toss.JPEG);
    opacity: 1.0;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.supportbox {
  display: block;
  margin: auto;
  padding: 0px; 
  /*color: white;*/
  max-width: 35%;
  text-align: center;
  background-color: #928849; /* Olive Color */
  /*background-color: transparent; */
  /*background:  url(../images/Kyoto-Path.jpg); filter: grayscale(100%); */
  border: 5px solid #555;
  border-radius: 5px;
  opacity: 0.9;
 
}
.supportbox p {
  margin: 5%;
  font-weight: normal;
  color: white;
}


.supportbox h3 {
  margin: 5%;
  font-weight: bold;
  font-style: oblique;
  color: #FFF;
}

.transbox {
  display: block;
  margin: auto;
  padding: 0px; 
  /*color: white;*/
  max-width: 50%;
  text-align: center;
  background-color: #928849; /* Olive Color */
  /*background-color: transparent; */
  /*background:  url(../images/Kyoto-Path.jpg); filter: grayscale(100%); */
  border: 5px solid #555;
  border-radius: 5px;
  opacity: 0.9;
 
}
.transbox p {
  margin: 5%;
  font-weight: normal;
  color: white;
}


.transbox h3 {
  margin: 5%;
  font-weight: bold;
  font-style: oblique;
  color: #FFF;
}

.space-box {
	display: block;
	margin: 0.5em;
	max-width: 50%;
	color: #000; /* Fallback for older browsers */
    color: rgba(0, 0, 0, 0.0);
    text-align: center;
    
    background-color: transparent; 	
}


@media (min-width: 75%){
	.grid-container {
		grid-auto-flow: row;
	}
}


/* End General Settings */

/* Header */

header { 
    background: #555555;
    background-image:  url(../images/Monk-Play.png);
    opacity: 1.0;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.title-header .title {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 2em;
    font-weight: bold;
    margin: auto;
    padding: 10px;
    max-width: 35%;
    background-color: #999;
    /*background-color: #928849; /* Olive Color */
    border: 5px solid #555;
  	border-radius: 5px;
  	opacity: 1.0;
    /*vertical-align: top;*/
    
    
}

.title-sub-header {
  display: block;
  margin: auto;
  padding: 10px; 
  color: white;
  max-width: 35%;
  text-align: center;
  background-color: #999;
  /*background-color: #928849; /* Olive Color */
  /*background-color: transparent; */
  /*background:  url(../images/Kyoto-Path.jpg); filter: grayscale(100%); */
  border: 5px solid #555;
  border-radius: 5px;
  opacity: 1.0;
 
}
.title-sub-header p {
  margin: 5%;
  font-weight: normal;
  color: white;
}
.main-nav {
	font-family: verdana, sans-serif;
	font-size: 1.2rem;
	list-style-type: none;
	/*color: white;*/
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #003477;
	/*max-width: 35%;*/
}

.main-nav li {
	float: left;
}

.main-nav li a {
	display: block;
	color: #EEE;
	text-align: center;
	padding: 15px 12px;
	text-decoration: none;
}

.hmm { 
	display: flex; 
    padding: 15px 0px 15px 0px;
	justify-content: center;
	background: transparent;
	/*background-color: #928849;*/
	/*background:  url(../images/Kobe-Waterfall.jpg);*/
	
}
.cornhole {
	

}

     

#v-logo {
	width: 154px;
	height: 143px;}
	
#v-team {
	width: 193px;
	height: 143px;}

.title-header .logo {
    display: inline-block;
}

.title-header .logo img {
    vertical-align: middle;
}

nav { background: #262d33; }

nav li a { 
    color: #AFB2B6;
    display: inline-block;
    padding: 10px 10px;
}


footer {
    background: #555;
    color: #fff;
    padding:  0px;  
    height: 100px;
}

footer a { color: cornsilk; }