html{
	box-sizing:border-box
	overflow-x:hidden
}

button,html [type=button],[type=reset],[type=submit]{
	-webkit-appearance:button
}

html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}

html, body{
	font-family:Verdana,sans-serif;
	font-size:15px;
	line-height:1.5
}

body{
	margin:0
}

*,*:before, *:after{
	box-sizing:inherit
}

h1{
	font-size:36px
}

h2{
	font-size:30px
}

h3{
	font-size:24px
}

h4{
	font-size:20px
}

h5{
	font-size:18px
}

h6{
	font-size:16px
}

h1,h2,h3,h4,h5,h6{
	font-family:"Segoe UI",Arial,sans-serif;
	font-weight:400;
	margin:10px 0
}

.w3-wide{
	letter-spacing:4px
}

.w3-bar{
	width:100%;overflow:hidden
}

.w3-center .w3-bar{
	display:inline-block;
	width:auto
}

.w3-bar .w3-bar-item{
	padding:8px 16px;
	float:left;
	width:auto;
	border:none;
	outline:none;
	display:block
}

.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{
	position:static;
	float:left
}

.w3-bar .w3-button{
	white-space:normal
}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{
	content:"";
	display:table;
	clear:both
}

@media (max-width:600px){
	.w3-modal-content{
		margin:0 10px;
		width:auto!important
	}

	.w3-modal{
		padding-top:30px
	}

	.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{
		position:relative
	}

	.w3-hide-small{
		display:none!important
	}

	.w3-mobile{
		display:block;
		width:100%!important
	}

	.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{
		text-align:center
	}

	.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{
		width:100%
	}
}

.w3-btn,.w3-button{
	border:none;
	display:inline-block;
	outline:0;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap
}

.w3-btn,.w3-button{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.w3-disabled,.w3-btn:disabled,.w3-button:disabled{
	cursor:not-allowed;
	opacity:0.3
}

.w3-disabled *,:disabled *{
	pointer-events:none
}

.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{
	background-color:#ccc;color:#000
}

.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{
	width:100%;
	text-align:left;
	padding:8px 16px
}

.w3-button:hover{
	color:#000!important;
	background-color:#ccc!important
}

.w3-top,.w3-bottom{
	position:fixed;
	width:100%;
	z-index:1
}

.w3-top{
	top:0
}

.w3-bottom{
	bottom:0
}

.w3-white,.w3-hover-white:hover{
	color:#000!important;
	background-color:#fff!important
}

.w3-card,.w3-card-2{
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.w3-bar-block .w3-bar-item{
	width:100%;
	display:block;
	padding:8px 16px;
	text-align:left;
	border:none;
	outline:none;
	white-space:normal;
	float:none
}

.w3-bar-block.w3-center .w3-bar-item{
	text-align:center
}

.w3-bar-block.w3-center .w3-bar-item{
	text-align:center
}

.w3-block{
	display:block;
	width:100%
}

.w3-block{
	display:block;
	width:100%
}

.w3-left{
	float:left!important
}

.w3-right{
	float:right!important
}

.w3-tiny{
	font-size:10px!important
}

.w3-small{
	font-size:12px!important
}

.w3-medium{
	font-size:15px!important
}

.w3-large{
	font-size:18px!important
}

@media (min-width:993px){
	.w3-modal-content{
		width:900px
	}

	.w3-hide-large{
		display:none!important
	}

	.w3-sidebar.w3-collapse{
		display:block!important
	}
}

@media (max-width:992px) and (min-width:601px){
	.w3-hide-medium{
		display:none!important
	}
}

@media (max-width:992px){
	.w3-sidebar.w3-collapse{
		display:none
	}

	.w3-main{
		margin-left:0!important;
		margin-right:0!important
	}
}

.w3-sidebar{
	height:100%;
	width:200px;
	background-color:#fff;
	position:fixed!important;
	z-index:1;
	overflow:auto
}

.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{
	width:100%
}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{
	min-width:100%
}

.w3-black,.w3-hover-black:hover{
	color:#fff!important;
	background-color:#000!important
}

.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{
	color:#000!important;
	background-color:#f1f1f1!important
}

.w3-animate-left{
	position:relative;
	animation:animateleft 0.4s
}

@keyframes animateleft{
	from{
		left:-300px;
		opacity:0
	}
	to{
		left:0;
		opacity:1
	}
}

.w3-padding-16{
	padding-top:16px!important;
	padding-bottom:16px!important
}

.w3-padding-24{
	padding-top:24px!important;
	padding-bottom:24px!important
}

.w3-padding-32{
	padding-top:32px!important;
	padding-bottom:32px!important
}

.w3-padding-48{
	padding-top:48px!important;
	padding-bottom:48px!important
}
.w3-padding-64{
	padding-top:64px!important;
	padding-bottom:64px!important
}

.w3-display-container:hover .w3-display-hover{
	display:block
}

.w3-display-container:hover span.w3-display-hover{
	display:inline-block
}

.w3-display-hover{
	display:none
}

.w3-display-position{
	position:absolute
}

.w3-tooltip,.w3-display-container{
	position:relative
}

.w3-tooltip .w3-text{
	display:none
}

.w3-tooltip:hover .w3-text{
	display:inline-block
}

.w3-greyscale,.w3-grayscale{
	filter:grayscale(75%)
}

.w3-greyscale-min,.w3-grayscale-min{
	filter:grayscale(50%)
}

.w3-display-left{
	position:absolute;
	top:90%;
	left:0%;
	transform:translate(0%,-100%);
	-ms-transform:translate(-0%,-50%)
}

.w3-text-white,.w3-hover-text-white:hover{
	color:#fff!important
}

.w3-xlarge{
	font-size:24px!important
}

.w3-xxlarge{
	font-size:36px!important
}

.w3-xxxlarge{
	font-size:48px!important
}

.w3-jumbo{
	font-size:64px!important
}

.w3-padding-small{
	padding:4px 8px!important
}

.w3-padding{
	padding:8px 16px!important
}

.w3-padding-large{
	padding:12px 24px!important
}

.w3-margin{
	margin:16px!important
}

.w3-margin-top{
	margin-top:16px!important
}

.w3-margin-bottom{
	margin-bottom:16px!important
}

.w3-opacity,.w3-hover-opacity:hover{
	opacity:0.60
}

.w3-opacity-off,.w3-hover-opacity-off:hover{
	opacity:1
}

.w3-opacity-max{
	opacity:0.25
}

.w3-opacity-min{
	opacity:0.75
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
	display:block
}

.w3-display-bottomleft{
	position:absolute;
	left:0;
	bottom:0;
}

.w3-display-bottomright{
	position:absolute;
	right:0;
	bottom:0
}

.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{
	color:#757575!important
}

.w3-container,.w3-panel{
	padding:0.01em 16px
}

.w3-panel{
	margin-top:16px;
	margin-bottom:16px
}

.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{
	padding:0 0px
}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{
	float:left;
	width:100%
}

.w3-col.m3,.w3-quarter{
	width:24.99999%;
	/* width:24% */
}

.w3-left-align{
	text-align:left!important
}

.w3-right-align{
	text-align:right!important
}

.w3-justify{
	text-align:justify!important
}

.w3-center{
	text-align:center!important
}

.w3-modal{
	z-index:3;
	display:none;
	padding-top:100px;
	position:fixed;
	left:0;top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,0.4)
}

.w3-modal-content{
	margin:auto;
	background-color:#fff;
	position:relative;
	padding:0;
	outline:0;
	width:600px
}

@media (max-width:768px){
	.w3-modal-content{
		width:500px
	}

	.w3-modal{
		padding-top:50px
	}
}

.w3-display-topleft{
	position:absolute;
	left:0;
	top:0
}

.w3-display-topright{
	position:absolute;
	right:0;
	top:0
}

.w3-animate-zoom {
	animation:animatezoom 0.6s
}

@keyframes animatezoom{
	from{
		transform:scale(0)
	}

	to{
		transform:scale(1)
	}
}

.w3-transparent,.w3-hover-none:hover{
	background-color:transparent!important
}

.w3-image{
	max-width:100%;
	height:auto
}

img{
	margin-bottom:-5px
}

a{
	color:inherit
}

.w3-half{
	width:49.99999%
}

.w3-section,.w3-code{
	margin-top:16px!important;
	margin-bottom:16px!important
}

@media (min-width:601px){
	.w3-col.m1{
		width:8.33333%
	}

	.w3-col.m2{
		width:16.66666%
	}

	.w3-col.m4,.w3-third{
		width:33.33333%
	}
	.w3-col.m5{
		width:41.66666%
	}

	.w3-col.m6,.w3-half{
		width:49.99999%
	}

	.w3-col.m7{
		width:58.33333%
	}

	.w3-col.m8,.w3-twothird{
		width:66.66666%
	}

	.w3-col.m9,.w3-threequarter{
		width:74.99999%
	}

	.w3-col.m10{
		width:83.33333%
	}

	.w3-col.m11{
		width:91.66666%
	}
	
	.w3-col.m12{
		width:99.99999%
	}
}

/*-----------------------CSS for Video header-----------------------*/

video { 
    position: relative;
    top: 50%;
    left: 50%;
    max-width: 200%;
    /*min-width: 10%;
    min-height: 10%;*/
    width: 100%;
    height: 50%;
    z-index: -50;
    overflow: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(0%);
 	background: url('https://www.w3schools.com/w3images/mac.jpg') no-repeat;
 	background-size: cover;
 	transition: 1s opacity;
}
.row:after {
    content: "";
    clear: both;
    display: table;
}

.stopfade { 
   opacity: .5;
}

#bgvid button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}
#bgvid button:hover { 
   background: rgba(0,0,0,0.5);
}

/*
#polina { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  font-weight:100; 
  background: rgba(0,0,0,0.3);
  color: white;
  padding: 2rem;
  width: 33%;
  margin:2rem;
  float: right;
  font-size: 1.2rem;
}
h1 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: .3rem;
}

#polina button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  transition: .3s background;
}
#polina button:hover { 
   background: rgba(0,0,0,0.5);
}

a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background:rgba(0,0,0,0.5);
  padding: .5rem;
  transition: .6s background; 
}

a:hover{
  background:rgba(0,0,0,0.9);
}

*/

@media screen and (max-width: 500px) { 
  div{
  	width:70%;
  }
}

@media screen and (max-device-width: 800px) {
  html { 
  	background: url(https://thenewcode.com/assets/images/polina.jpg) #000 no-repeat center center fixed;
  }

  #bgvid {
  	display: none;
  }
}