@charset "UTF-8";
/* CSS Document */

button{
	border-radius: 5px;
}
header {
 	 position: relative;
 	 /*background: url('../img/phone2-sm.jpg') black no-repeat center center scroll;*/
	background-color: black;
 	 min-height: 25rem;
 	 width: 100%;
	height: 100vh;
  	overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
	opacity: 0.3;
  min-width: 100%; 
  min-height: 25rem; 
  width: auto;
  height: auto;
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(#333, black);
	/*background: black;*/
  opacity: 0.5;
  z-index: 1;
}

.sec2{
 background: url("../img/apple-clean-containers-205316.jpg");
 width:100%;
 margin:0;
 height:100vh;
 background-repeat:no-repeat;
 background-size: cover; 
 background-attachment: fixed;
 background-position:center;
 transition:.4s ease-in-out;}



@media (pointer: coarse) and (hover: none) {
  header {
    background: url('../img/phone.jpg') black no-repeat center center scroll;
  }
  header video {
    display: none;
  }
/*.sec2{background: url('../img/mac-bg-sm.jpg') black no-repeat center top scroll;
	background-size: contain;
 	width:100%;
 	margin:0;
	min-height: 150px;}*/
	.sec2, footer .spacer{display:none; visibility:hidden;}
	.display-3{font-size:2.2em;}
	.navbar{margin-top:-4rem;}
}


header .blob {
  position: absolute;
  /*top: 50%;
  left: 50%;*/
  min-height: 25rem;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.blob img{min-height: 20rem; width: auto;}
.highlight{background-image: linear-gradient(#f93354,#fc3939); padding: 5px; line-height:2;}
.shadow{text-shadow: 2px 2px #f93354;}


.soc{padding-top: 2em; font-size: 0.8em; line-height: 1;}
.soc a, .soc a:link, .soc a:visited {color: #eee; font-size: 1.2em; padding: 2px 0 2px 10px;}
.soc a:hover {color: #fff;}