.container {background-color:aliceblue}

.row {background-color:aliceblue}

.col1{
	margin:3px;
	min-height:300px;
	text-align:left;
	image-orientation:center; 
	background-color:transparent;
}

.col2{
	margin:3px;
	min-height:200px;
	text-align:center;
	image-orientation:center; 
	background-color:transparent;
}

.col3{
	margin:3px;
	min-height:200px;
	text-align:center;
	image-orientation:center;
	background-color:transparent;
}

.col4{
	margin:3px;
	max-height:300px;
	text-align:center;
	background-color:red;
	
}

.col5{
	margin:3px;
	min-height:300px;
	text-align:center;
	background-color:darkgreen;
}

.col6{
	margin:3px;
	min-height:300px;
	text-align:center;
	background-color:orange;
}

.col7{
	margin:3px;
	min-height:300px;
	text-align:center;
	background-color:beige;
}

.colinside{
	min-height:100px;
	text-align:center;
	background-color:orange;
}

.form{margin: 20px auto; width: 320px;	
}

.input{padding: 10px; font-size: inherit;}

.input[type="text"] {
	display: block; 
	margin-bottom: 15px;
	width: 135%; 
	border: 2px solid steelblue;
}

.input[type="email"] {
	display: block; 
	margin-bottom: 15px;
	width: 135%; 
	border: 2px solid steelblue;
}
.input[type="phone"] {
	display: block; 
	margin-bottom: 15px;
	width: 135%;
	border: 2px solid steelblue;
}
.input[type="message"] {
	display: block; 
	margin-bottom: 15px;
	width: 135%;
	min-height: inherit;
	border: 2px solid steelblue;
}

.input[type="submit"] {
	width: 432px; 
	height: 45px; 
	border: none; 
	background: steelblue;
	color: white;}

.input[type="submit"]:focus {
	width: 432px; 
	height: 45px; 
	border: 2px solid steelblue; 
	background: white;
	color: steelblue;}

.btn-primary {width: 93px;}

.css-slideshow{
   position: relative;
   max-width: 600px;
   height: 300px;
   margin: 5em auto .5em auto;
}
.css-slideshow figure{
   margin: 0;
   position: absolute;
}
.css-slideshow figcaption{
   position: absolute;
   top: 0;
   color: #fff;
   background: rgba(0,0,0, .3);
   font-size: .8em;
   padding: 8px 12px;
   opacity: 0;
   transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
   transition: opacity .5s;
   opacity: 1;
}
.css-slideshow figure{
   opacity: 0;
}
figure:nth-child(1) {
   animation: xfade 24s 18s infinite;
}
figure:nth-child(2) {
   animation: xfade 18s 16s infinite;
}
figure:nth-child(3) {
   animation: xfade 12s 06s infinite;
}
figure:nth-child(4) {
   animation: xfade 06s 00s infinite;
}
@keyframes xfade{
   0%{
      opacity: 0;
   }
   10.5% {
      opacity: .5;
   }
   12.5%{
      opacity: 1;
   }
   98% {
      opacity:1;
   }
   100% {
      opacity:1;
   }
}