body { background-color: #333333; 

	}


img	{
    max-width: 100%;
    height: auto;
	padding: 5;
	}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  align-items: center; 
}

.page {
  display: flex;
  flex-wrap: wrap;
}

.section {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10;
}



.textblock {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10;

}

.thumbnail {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}


/*Ninja Slider */

ul li {padding: 10px 0;}
        

header {display:block;padding:60px 0 10px;background-color:#FFFFFF;text-align:center;}
        header a {
            font-family: sans-serif;
            font-size: 24px;
            line-height: 24px;
            padding: 8px 13px 7px;
            color: #4d5256;
            text-decoration:none;
            transition: color 0.7s;
        }
        header a.active {
            font-weight:bold;
            width: 24px;
            height: 24px;
            padding: 4px;
            text-align: center;
            display:inline-block;
            border-radius: 50%;
            background: #4d5256;
            color: #191919;
        }
        .gallery img{
            width:179px;
            cursor:pointer;
        }








/* Mobile Styles */
@media only screen and (max-width: 400px) {

.menu {
	background-color: #CCCCCC;
	display: flex;
	justify-content: flex-start;
  	align-items: flex-start;
  	flex-direction: column;
	padding: 10; 
	height: 300px;
}


.title {
	font-family: 'Parisienne', cursive;
	font-size: 22px;
	color: #333333;
	}

.links {
	font-family: 'Cormorant Garamond', serif;
	font-size: 12px;
	color: #333333;
	}


.copy {
	font-family: 'Cormorant Garamond', serif;
	font-size: 12px;
	color: #333333;
	}

.small {
	font-family: 'Cormorant Garamond', serif;
	font-size: 8px;
	color: #333333;
	}

a:link   { color: #333333; 
	text-decoration: none; 
	}

a:visited  { color: #333333; 
	text-decoration: none;
	}

a:hover  { color: #FFFFFF; 
	text-decoration: none; }

a:active  { color: #333333; 
	text-decoration: none;
	 }

}


/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {

.menu {
	background-color: #CCCCCC;
	display: flex;
	justify-content: flex-start;
  	align-items: flex-start;
  	flex-direction: column;
	padding: 10; 
	height: 400px;
}


  .title {
	font-family: 'Parisienne', cursive;
	font-size: 32px;
	color: #333333;
	padding-right: 10px;
	}

.links {
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
	color: #333333;
	}


.copy {
	font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
	color: #333333;
	}

.small {
	font-family: 'Cormorant Garamond', serif;
	font-size: 9px;
	color: #333333;
	}

a:link   { color: #333333; 
	text-decoration: none; 
	}

a:visited  { color: #333333; 
	text-decoration: none;
	}

a:hover  { color: #FFFFFF; 
	text-decoration: none; }

a:active  { color: #333333; 
	text-decoration: none;
	 }

}


/* Desktop Styles */
@media only screen and (min-width: 961px) {

.menu {
	background-color: #CCCCCC;
	display: flex;
	justify-content: flex-start;
  	align-items: flex-start;
  	flex-direction: column;
	padding: 10; 
	height: 400px;
}

  .title {
	font-family: 'Parisienne', cursive;
	font-size: 36px;
	color: #333333;
     	padding-right: 10px;
	}

.links {
	font-family: 'Cormorant Garamond', serif;
	font-size: 22px;
	color: #333333;
	}


.copy {
	font-family: 'Cormorant Garamond', serif;
	font-size: 16px;
	color: #333333;
	}

.small {
	font-family: 'Cormorant Garamond', serif;
	font-size: 10px;
	color: #333333;
	}

a:link   { color: #333333; 
	text-decoration: none; 
	}

a:visited  { color: #333333; 
	text-decoration: none;
	}

a:hover  { color: #FFFFFF; 
	text-decoration: none; }

a:active  { color: #333333; 
	text-decoration: none;
	 }
}