html,
    body,
    header,
    .view {
      height: 100%;
    }

    @media (max-width: 559px) {
      html,
      body,
      header,
      .view {
        height: 1000px;
      }
    }

    @media (min-width: 560px) and (max-width: 740px) {
      html,
      body,
      header,
      .view {
        height: 700px;
      }
    }

    @media (min-width: 800px) and (max-width: 850px) {
      html,
      body,
      header,
      .view {
        height: 600px;
      }
    }

    @media (min-width: 800px) and (max-width: 850px) {
            .navbar:not(.top-nav-collapse) {
                background: #1C2331!important;
            }
        }
	
	.streak.streak-md {

		height: 400px;

	}
	
	.streak.streak-photo {

		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
		
	}
	
	.streak.streak-photo {

		background-attachment: fixed;

	}
	
	.flex-center {

		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100%;

	}

.card-img-top, .card{
	border: 0px;
    border-radius: 0px;
	-webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;

}

#wait{
	position: absolute; 
	top: 0px; 
	right: 0px; 
	bottom: 0px; 
	left: 0px; 
	z-index: 1000;
	background: rgba(255, 255, 255, 0.8); 
	text-align: center; 
	height: 963px; 
	width: 1117px; 
	display: none;
}
#wait_txt{
	font-size:30px;
	color:#666;
}