/*************************************
This css file includes several different formatting examples
GENERAL
**************************************/
a {
 text-decoration: none;
  color: blue;
 }

img {
max-width: 100%;

}

 body {
   font-family: 'Open Sans', sans-serif;
 }


 #wrapper {
   max-width: 940px;
   margin: 0 auto;
   padding: 0 5%;

 }

 h3 {
     margin: 0 0 1em 0;
 }

div {
	display: flex;
	justify-content: center;
}
div.watch-with-txt {
	vertical-align: top;
	display: inline-block;
	text-align: center;
}
.watch-with-txt img {
	display: block;
	margin: 0 auto;
}

/*************************************
HEADING
**************************************/

header {
  float: left;
  margin: 0 0 20px 0;
  padding: 2px 0 0 0;
  width: 100%;

}

.center {
 text-align: center
}


 h1  {
 font-family: 'Changa One', sans-serif;
 margin: 10px 0;
 font-size: 1.75em;
 font-weight: normal;
 line-height: 0.5;
 text-align: center;

   color: #62296e;

 }

 h2  {
 font-size: 1.00em;
 font-weight: normal;
 margin: -5px 0 0;
   color: black;
 }


h3  {
    font-size: 1.1em;
    font-weight: 700;
    margin: 15px 0 0;
}


/*************************************
NAVIGATION
**************************************/
 nav {
	text-align: center;
	padding: 10px 0;
	margin: 20px 0 0;
  }

  nav ul  {
    list-style: none;
	margin: 0 10px;
	padding: 0;
}

nav li {
  display: inline-block;

}

/*************************************
FOOTER - Removed 
**************************************/

/*************************************
PAGE:
**************************************/
.mydiv {background: lightblue; width:250px; height: 250px;}

.prof-pic {
    float: left;
    margin: 20px;
    border-radius: 20px;
}

.golf-pic {
    display: block;
    width: 50%;
    border-radius: 20px;
}

.watch-photo {
	float: center;
	border-radius: 8px;
	width: 50%;
}
 .sub-photo {
	 width: 50%;
 }

/*************************************
COLORS
**************************************/


 /* green header*/
  header {
   background: #6ab47b;
   border-color: #599a68;
 }



/* nav background on mobile devices*/
nav {
   background: #599a6b;
}

nav a, nav a:visited {
	color: #fff;
}

/* selected nav link color*/
nav a.selected, nav a:hover {
  color: #32673f;
}
/* site body*/
body {
    background-color: #fff;
    color: #000;
}