@viewport{
	zoom: 1.0;
	width: extend-to-zoom;
}

body, html {
    height: 100%;
}
p {   
   font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
}
		
body {
  margin:0;
  display:flex;
  flex-wrap:wrap;
  font-family: 'Staatliches', cursive;
  }

#hello img{
	max-width: 10%;
}

#top img{
max-width: 100%;	
}

#top{
	height:210px;
    width:100%;
	background-color: white;
	text-align: center;
	padding: .5%;
	border-bottom: 5px solid black;
	font-family: 'Staatliches', cursive;
	font-size: 25px;
	position: static;
	}
#portfolio{
    width:95%;
    min-height:calc(100% - 2 * 250px);
   	img border-radius: 50%;
	padding:    2.5%;
	background-color: #ff6666;	
	
}
#portfolio img{
	max-width: 14.125%;
	height: auto;
	border-radius: 50%;
}

#homeContainer img {
	max-width: 100%;
	height: auto;
	border-radius: 75px;
}

#left {
    width:35%;
    height: auto;
    padding: 1%;
	background-color: #999900;
}

#left img{
	max-width: 100%;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;

}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:25%;
	height:25%;
}

.video2-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;

}

.video2-container iframe, .video2-container object, .video2-container embed {
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:50%;
}

#right {
	text-align:center;
	width:20%;
    min-height:calc(100% - 2 * 250px);
	padding:1%;
	background-color: #999900;
}
#right img{
	max-width:100%;
}
#center{
	background: url(../img/peri.jpg) no-repeat center center fixed; 
    background-size: 75%;
	text-align:center;
	width:100%;
    min-height:calc(100% - 2 * 250px);
	padding:1%;
	background-color: #999900;	
}

#center img{
	max-width: 100%;
}
#funleft {
    text-align: center;
	width:45%;
    min-height:calc(100% - 2 * 250px);
    padding:    2.5%;
	background-color: black;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	color: white;
	font-weight: bold;
	font-size:22px;
}
#funright {
	text-align:center;
	width:45%;
    min-height:calc(100% - 2 * 250px);
    padding:2.5%;
	background-color: orange;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	color: white;
	font-weight: bold;
	font-size:24px;
}

#funright img {
	max-width:49%;
}

#periwinkle {
	text-align:center;
	width:95%;
    min-height:calc(100% - 2 * 250px);
    padding:2.5%;
	background-color: #09964f;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	color: white;
	font-weight: bold;
	font-size:24px;
}

#periwinkle img {
	max-width:40%;
}

header {
font-size: 36px;
}
		
input#email{
			padding: 2px;
			background-color: #e6e6e6;
			font-weight: bold;
			color: black;
			border-radius: 7px;
			font-family: Tahoma, sans-serif;
			width: 250px;
			height: 30px;
			font-weight: bold;
			max-width: 100%;}

textarea#address{
			padding: 2px;
			background-color: #e6e6e6;
			font-weight: bold;
			color: black;
			border-radius: 7px;
			font-family: Tahoma, sans-serif;
			width: 550px;
			height: 30px;
			font-weight: bold;
			max-width: 100%;}
			
input#submit_form{
			padding: 2px;
			background-color: #e6e6e6;
			font-weight: bold;
			color: black;
			border-radius: 7px;
			font-family: Tahoma, sans-serif;
			width: 75px;
			height: 30px;
			font-weight: bold;
			max-width: 100%;}

.funforanyone_addtocart {
  margin-left: auto;
  margin-right: auto;
}

.periwinkle_addtocart {
  margin-left: auto;
  margin-right: auto;
}			
  
h1 		{ margin: 0; padding: 10px;
		  font-size: 20px;
		  }
		  
img.center {display: block;
			margin-left: auto;
			margin-right: auto;}
			
#hello img{
	max-width: 30%;
}
a:link {color: black;}

a:visited {color: black;}

a:hover {color: #CEECF5;}

a {text-decoration: none;}

ul{ list-style-type: none; }