.viewport-wrapper {
	#background-color: red;
	max-width = 100vw;
	max-height = 100vh;
	#margin: 0;
	
}

.viewport-wrapper .video {

    position: fixed;
    left: 50%;
    min-width: 100 %;
    min-height: 95%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url() no-repeat;
    background-size: cover;
}

.viewport-wrapper .container_main {
	/* width: 100%; */
	height: 90%;
	margin-left: 0;
}

.viewport-wrapper .content_main{
	width: 95%;
	height: 100%;
	#margin: 0;
	#padding: 0;
	
}

.viewport-wrapper .home_title {
	width: 100%;
	font-size: 2.5vh;
	margin-top: 2.5vh;
}

.viewport-wrapper .blarge{
	width: 100%;
	/* height: 45%; */
	#margin-left: auto;
	margin-right: auto;
}

.viewport-wrapper .title_small{
	font-size: 2.1vh;
}

.viewport-wrapper .home-font{
	font-size: 1.6vh;
}

.viewport-wrapper .poster{
	color: red;
}

.viewport-wrapper .posted{
	color: gray;

}
.viewport-wrapper .navbar{
	#width: 100%;
	#height: 5%;
	
}

.viewport-wrapper .navbar-nav{

}

.viewport-wrapper .nav-item{
	text-align: center;
}

.viewport-wrapper .nav-link{
	height: 100%;
}

.viewport-wrapper .login-link{
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 1200px){

	.viewport-wrapper .container_main {
		width: 95%;
		height: 90%;
		margin-left: 60px;
	}
	
	.viewport-wrapper .home_title {
		margin-top: 0;
	}
	
	.viewport-wrapper .home-font{
		font-size: 1.6vh;
	}
	
	.viewport-wrapper iframe .server_main {
		width: 45%;
	}
	
	.viewport-wrapper .navbar{
		#width: 5rem;
		#height: 100vh;
	
	}
	
	.viewport-wrapper .nav-link{
		height: 5rem;
	}
	
	.viewport-wrapper .login-link{
		height: 5rem;
	}
}