html {box-sizing: border-box;}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
     display: flex;
     justify-content: center;
     font-family: verdana, sans-serif, arial;
     align-content: center;
     } 

.colorbanner {
    background-color: #cce9c8;
               color: #cce9c8;
              height: 4%;
}

.colorbanner p {
             padding: 0 0 0 0;
              margin: 0;
              height: 4%;
}

.flexlist {
	display: flex;
    justify-content: space-around;
	align-items: baseline;
	list-style: none;
	margin: 0;
	padding: .5em;
	background-color: #398a25;
	
}
.flexlist a {
    color: white;
    text-decoration: none;
}

#wrapper {
	width: 100%;
	padding: 0 1em 0;
	position: relative;
}

#PageTitle {
    display:flex;
    justify-content: center;
}

#SubTitle {
    display:flex;
    justify-content: center;
    padding: .5em 0 0 1em; 
}

img {
    width:  150px;
    height: 130px;
    padding: 5px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
}

.photo{
      background-repeat:   no-repeat;
}

.SetOne, .SetTwo, .SetThree  {
    display: flex;
    justify-content: center;
}

.youtube {
    display: flex;
    justify-content: center; 
}

.video_title {
    display:flex;
    justify-content: center;
}



/*The page footer*/

#page-footer {
	font-size: 1em;
	margin-top: 20px;
    background-color: #398a25;
	color: white;
}

#page-footer > *{
	padding: 2em 0 0 0em;
}

#page-footer li{
	padding-right: 1em;
}

/****************************************/
/* Medium Screen Styles                 */
/* 750px viewport / 18px font = 41.67em */
/****************************************/
@media screen and (min-width: 41.67em) {
       
 #wrapper {max-width: 550px;
             padding: 0;
     }

}
/************************************************************************/
/* LARGE SCREEN SECTION  - This section is to accomidate Computers      */
/*                                                                      */
/************************************************************************/

@media screen and (min-width: 1200px) {
    
    
#wrapper {max-width: 1100px;
                padding: 0;
          }    
img {
    width:  350px;
    height: 250px;
    padding: 10px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
}

  
    }