.container{
  	display:grid;
   	gap:2px;
  	height:auto;
  }

header{
  	position:-webkit-sticky;
  	position:-moz-sticky;
  	position:-o-sticky;
  	position:-ms-sticky;
	position:sticky;
  	top:0;
  	z-index:99;
  	padding: 2px;
  	margin: auto;
  	width: 100%;
 	/*display:grid;
  	grid-row:1/2;
  	grid-column:1/2;*/
	background-color:#6ec6f1;
	text-align:left;
  	
  }

header ul{
list-style:none;
display:block;
}
header li{
	display:block;
	padding:2px;
    font-family: 'Righteous', cursive;
  	font-size:2em;
	font-weight:bold;
}
li a{
text-decoration:none;
}

li a:link {
color:rgba(0, 159, 225, 1);
}
li a:visited {
color:rgba(152, 152, 152, 1);
}
li a:hover {
color:rgba(152, 152, 152, 0.5);
}

a:active {
color:#000;
}

.left-column{
	height:auto;
   	background-color:#989898;  
}

.left-column ul{
color:#fff;  
}

.breedlove{
   display:grid;
 	 grid-row:2/3;
  	grid-column:1/2;
 	width:100%;
  	margin:-60px 0 0 20px;
  	color:rgba(111, 198, 241, 0.70);
	font-family: 'Montserrat Subrayada', sans-serif;
  	font-size:3em;
  	/*text-shadow: 2px 3px 3px rgba(9, 65, 93, 0.5);*/
}
.greg{
   display:grid;
 	 grid-row:2/3;
  	grid-column:1/2;
 	width:100%;
  	color:#fff;
  	margin:20px 0 0 20px;
	font-family: 'Comforter Brush', cursive;
  	font-size:9em;
}
.right-column{
	background-color: #a12357;
	/*background-image: url("pics/handOnGray480.jpg");*/
	background-repeat:no-repeat;
	background-position:bottom;
  	opacity:100%;
  	width: 600px;
}
.right-column H1{
    font-family: 'Bungee Shade', cursive;
	color: #ebd0a5;
  	margin:10px 0 -10px -10px;
  	font-size:2.5em;
}
.right-column H4{

font-family: 'Bungee Shade', cursive;
	color: #ebd0a5;
	margin-left: 20px;
	margin-top: 10px;
	font-size: 1.5em;
}
.logo{
  display:grid;
  grid-row:2/3;
  grid-column:1/2;
 width:100%;
  background-color:#989898;
  vertical-align:middle;
}
.titles{
	height:auto;
    display:grid;
  	grid-column:1/2; 
  	grid-row:3/4;
  	color:#fff;
	font-family: 'Quicksand', sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:1.25em;
}

.titles ul{
list-style:none;
}
.titles li{
padding:0px 4px;
}

.portrait{
  	height:260px;
    display:grid;
  	grid-row:4/5;
  	grid-column:1/2;
 	background-image: url("pics/small_portrait.jpg");
  	background-repeat:no-repeat;
	background-position:top;
}
#top a{
  	font-family: 'Quicksand', sans-serif;
  	font-size:1.15em;
  	color:#064866;
  	margin:20px;
}

a{
text-decoration:none;
}

a:link {
color:rgba(0, 159, 225, 1);
}
a:visited {
color:rgba(45, 44, 44, 0.65);
}
a:hover {
color:rgba(0, 159, 225, 0.5);
}

a:active {
color:#000;
}


H1{
 	font-family: 'Quicksand', sans-serif;
  	color:#fff;
  	font-size:3em;
  	padding:0px 20px;
}
H2{
 	font-family: 'Quicksand', sans-serif;
  	color:#fff;
  	font-size:1.5em;
  	padding:0px 20px;
}
p{
 	font-family: 'Quicksand', sans-serif;
 	color:#333;
  	font-size:1em;
  	padding:0px 20px;
}
.who-header{
	text-align:left;
  	/*background-image: url("pics/who_480_background.jpg");
	background-repeat: no-repeat;
		background-position: top;
	*/
	background-color: #c9a712;
  	width:600px;
      }

.who-header H1{
  	font-family: 'Montserrat Subrayada', sans-serif;
  	font-size:3em;
  	color:#fff;
}


.who-caption{
 	background-color:rgba(255, 255, 255, 0.4);
  	padding:8px;
  	margin:5px;
	margin-bottom: 40px;
  	width:400px;
  	border-radius:10px;
}
 .print{
	padding-top: -40px;
    padding: 2px;
  	margin-left:2px;
  	width:100%;
  	background-color:#9b1b9b;
	width: 600px;
}

.print article {
  margin: 2px;
  max-width: auto;
}

.print H1 {
  color: #fff;
  font-size: 2em;
  margin: 2px;
  width:80%;
}

.print article p {
  border-left: solid 1px #dedede;
  padding-left: .5em;
}

.print-examples {
  display: grid;
  	grid-gap: 10px;
  list-style-type: none;
}

.print-examples li {
  background-color: rgba(255,255,255,.9);
  border-radius: 6px;
  border: solid 1px #dedede;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  padding: 4px;
  display: grid;
  grid-template-columns: 306px;
  grid-template-rows: auto minmax(140px, 1fr) auto;
}

.print-examples h3, .print-examples img {
  grid-row: 1 / 2;
  grid-column: 1;
}

.print-examples h3,.videotitle h2 {
  font-family: 'Quicksand', sans-serif;
  color:#1282ba;
  font-size:1.25em;
  background-color: rgba(255,255,255,.8);
  padding: .5rem;
  margin-bottom: 1rem;
  text-align: center;
  align-self: end;
}

.print-examples p {
  font-family: 'Quicksand', sans-serif;
 	color:#333;
  	font-size:1em;
  	padding:0px 20px;
}

.print a {
  border-radius: 3px;
  background-color: #6ec6f1;
  color: #fff;
  height: auto;
  margin: 1px;
  /*text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;*/
}

.print a:hover {
  background-color: #333;
}

.video-item-container{
  	background-color:#09c768;
	width: 600px;
  }

.video-item-header H1{
  	text-align:left; 
    font-size:2em;
}

/*.grid-item{
  	width:65%;
  	height:300px;
  	background-color: rgba(255,255,255,.9);
	border-radius: 6px;
	border: solid 1px #dedede;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  	text-align:center;
    padding:10px;
    margin:20px;
}*/

.grid-item{
  	width:480px;
  	height:600px;
  	z-index:2;
}

.grid-item a{
  	width:480px;
  	height:600px;
  	opacity:100%;
}


.grid-item a:hover,active{
  opacity:10%;  
}

.caption{
 	width:480px;
  	height:600px;
  	margin:0 480px 0 0;
  	background-color: rgba(255,255,255,.1)
    z-index:1;
 }

.topSpacer{
 width:160px;
 height:20px; 
  padding:10px;
  background-color: rgba(255,255,255,.0);
}

.video-grid-item{
 	width:400px;
  	height:400px;
  	background-color: rgba(255,255,255,.9);
	border-radius: 6px;
	border: solid 1px #dedede;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  	text-align:center;
  	padding:10px;
    margin:20px;
}
/*.videotitle h2{
 	font-family: 'Quicksand', sans-serif;
  	color:#6ec6f1;
  	font-size:1.25em;
  	width:100%;
    height:60px;
  	padding:2px;
  	background-color: rgba(255, 149, 66, 0.2);
  	border-radius: 6px;
	border: solid 1px #dedede;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}*/

.form-container{
  	background-color:#778287;
  	margin:20px 0;
  	padding:10px 0;
  	background-image: url("backgroundImages/techBackground.jpg");
  	background-position:left;
}

.style1{
  font-family: 'Quicksand', sans-serif;
 	color:#333;
  	font-size:1em;
  	padding:3px;
}

.social{
  width:100%;
  display:grid;
  grid-row:9/10;
  grid-column:1/2;
  background-color:#989898;
}
.social-group{
  	display:inline;
  	padding:0 30px;
  }

.facebook{
	float:left;
}
.twitter{
	float:left;
 	padding:0 20px;
}
.linkedin{
float:left;
}

  
footer{
  display:grid;
  grid-row:8/9;
  grid-column:1/2;
  background-color:#56bbe6;
}

.authorship{
	font-family: 'Righteous', cursive;
	text-align:center;  
	color:#333333;
	font-size:.75em;
	padding:2px 0px;
}

.contactlink a:link{
	color:#56bbe6;
}
@media screen and (min-width:721px) and (max-width:900px) {
  
.right-column H1{
  	font-size:5em;
  	margin:-10px 0 -10px 5px;
}  
}

@media screen and (min-width:900px) and (max-width:1800px) {
  
.right-column H1{
  	font-size:6em;
  	margin:-10px 0 -10px 5px;
}
}
@media screen and (min-width:380px) and (max-width:3000px) {
  
  .container{
    width:100%;
  }
  
  header{
 	display:grid;
  	grid-column:1/6;
    height: auto;
    padding:2px;
    min-width:614px;
  }
  
 header ul{
	list-style:none;
	display:inline;
  	padding:20px;
} 
  header li{
	display:inline;
    font-size:1.5em;
	padding:30px 0px 30px 20px;
    float:left;
    position:center;
    }
  
  .left-column{
  	display:grid;
    grid-row:2/4;
    grid-column:1/6; 
    width:100%;
  }
  
  .left-column ul{
	color:#fff;  
}
  .breedlove{
  	margin:180px 0 0 20px;
  }
  
  .titles{
  	grid-row:3/4;
     grid-column:1/3; 
  } 
  .titles ul{
	list-style:none;
	display:inline;
    margin:0 0 20px -30px;
}
.titles li{
	display:inline;
    font-size:.85em;
	padding:0 5px 0 3px;
    float:left;
    position:left;
  	color:#fff;
}
  .logo{
  grid-column:1/2;
  }
  
.portrait{
  	grid-row:2/4;
  	grid-column:2/4;
  	background-image: url("pics/portrait.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
   	background-color:#989898;  
}
   .right-column{
  	display:grid;
  	grid-row:5/6;
	text-align:left;
    grid-column:1/6;
    /*background-image: url("pics/handOnGray1046.jpg");*/
	background-repeat:no-repeat;
    background-position:bottom;
    width:100%;
}
  
  
 .right-column p{
    padding:10px 20px;
}
	.who-header{ 
    display:grid;
    grid-row:6/9;
  	grid-column:1/6;
	text-align:left;
  	/*background-image: url("pics/who_am_i_background.jpg");*/
  	background-repeat:no-repeat;
	background-position:top;
    width:100%;
      }
  
  .who-portrait{
    grid-row:6/7;
   	grid-column:1/6; 
    padding:10px 10px;
  }
 
  .who-header h2{
  	margin-top:-20px; 
  }
	.who-header p{  
      padding:0 10px;
  }
  
  .who-caption{
    width:95%;
  }
 
  
  .grid-item{
  	display:flex;
  	flex:0 1 300px;
    height:250px;
  }
  
.topSpacer{
 	display: grid;
    grid-row:10/11;
    width:100%;
    grid-column:1/5;
    align-items:center; 
  	margin:0 0 6px;
}
  .print{
   display: grid;
    grid-row:11/12;
    width:100%;
    grid-column:1/6;
    align-items:center;
  }
  .print-examples {
    display:flex;
  flex:1 0 auto;
  flex-wrap:wrap;
  }

  .print article {
   width: 90%;
   display: flex;
   align-items: center;
  }

  .print h1 {
    margin: 0 1rem 0 0;
  }

  .print p {
    flex: 3;
  }
  
  .video-item-container{
    display: grid;
    grid-row:12/13;
    width:100%;
    grid-column:1/6;
    align-items:center;
  }
  
  .VidtopSpacer{
 	display: grid;
    grid-row:13/14;
    width:100%;
    grid-column:1/5;
    align-items:center; 
  	margin:0 0 6px;
}
 
  
  .video-item-header{
    display:flex;
  flex:1 0 auto;
}
  
  .video-holder{
    display:flex;
  flex:1 0 auto;
  flex-wrap:wrap;
    }
  
  .form-container{
    display: grid;
    grid-row:15/17;
    width:100%;
    grid-column:1/6;
    align-items:center;
    background-position:bottom;
  }
  
  .style1{
 	color:#333;
  	font-size:1.15em;
  	padding:3px;   
}
  .thankyouwrapper{
  display:grid;
  	box-sizing:border-box; 
  	border:2px solid #ee6c4dff;
  	border-radius:0 40px 40px;
  	background:#3d5a80ff;
  	gap:10px;
}
.form-grid-item{
  	grid-row-start:1;
  	grid-row-end:2;
  	height:auto;
  	padding:0px 0px 20px;
 	position:left;
	}
.form-grid-item2{
  	grid-row-start:2;
  	grid-row-end:3;
  	height:100px;
  	padding:10px;
 	position:justify;
	}
.form-grid-item3{
  	grid-row-start:3;
  	grid-row-end:4;
  	height:auto;
 	position:justify;
	}
.gbreedloveForm{
position:relative;
top:20px;
width:435px; 
height:auto;
margin:10px; 
}
.contacttable{
position:relative;
height:auto:
padding:5px;
}

input,textarea{
	background-color:#56bbe6;
	color:#ffffff;
	border-radius:4px;
  	opacity:.5;
}
  
.button{
font-family:'Quicksand', sans-serif;
background-color:#56bbe6;
color:#FFFFFF;
border:1px double #ffffff;
}

.button a:link{text-decoration:none; color:#56bbe6;}
.button a:visited{text-decoration:none; color:#6666CC;}
.button a:hover{text-decoration:none; color:#ffffff;}

#required{
font-size:8px;
}

.email a:link{text-decoration:none; color:#56bbe6;}
.email a:visited{text-decoration:none; color:#6666CC;}
.email a:hover{text-decoration:none; color:#ffffff;}

#required{
font-size:8px;
}
.form-grid-item-footer{
grid-row-start:2;
  	grid-row-end:3;
  	width:100%;
	padding:10px;
}

  
  .social{
    grid-row:15/16;
  	grid-column:1/5;
    
  }
  
  footer{
    grid-row:18/19;
  	grid-column:1/5;
    width:100%;
}