@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

html {
	height: 100%;
}

body {
	
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #484848;
	
	font-size: 13px;

	background-size: 50px, cover; 
	background-repeat: no-repeat, no-repeat;
	
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	background-position: 98% 97%, 50% 50%;
	
	
	}
	a:hover
	{
	text-decoration: none;	
	}
	img
	{
	border: none;	
	}
	
	.row
	{
	margin-left: 0 !important;
	margin-right: 0 !important;	
	}
	
	.container
	{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.container-fluid
	{
	padding-left: 0 !important;
		padding-right: 0 !important;	
	}
	
	
	.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
	
	


.ul-links ul
{
	list-style: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.5px;
	font-size: 1.7em;
	padding-left: 15px;
	padding-top: 20px;
}

.ul-links ul li svg
{
	font-size: 1.1em;
	margin-top: 5px;
	margin-right: 5px;
}

.ul-links ul li
{
	display: inline;
	margin-right: 15px;
}

.ul-links ul li img
{
	max-height: 14px;
}

.ul-links ul li a
{
	color: #fff;
}

.soc-med
{
	text-align: right;
}

.footer img
{
	max-height: 12px;
}

.footer
{
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 100%;
	padding-left: 100px;
	padding-right: 100px;
	color: #fff;
	font-weight: 500;
	font-size: 1em;
}


.footer-soc-med
{
	display: none;
}

#spaceta-logo
{
    height: 50px;
    width: 50px;
    position: absolute;
    bottom: 15px;
    right: 15px;
	z-index: 999;
}

#mute
{
    cursor: pointer;
     height: 30px;
     width: 30px;
     position: absolute;
     bottom: 15px;
     left: 15px;
	 background-image: url(../images/sound-on.png);
     background-size: cover;
	 color: #fff;
	 z-index: 999;
	 border: none;
}



/**RESPONSIVE**/

	@media (max-width: 992px) {
		
		

}



@media (max-width: 767px) {
	

	
	#spaceta-logo
	{
	    height: 30px;
	    width: 30px;
	 bottom: 30px;  
	}
	
	#mute
	{
		bottom: 30px;
	}
	.soc-med
	{
		display: none;
	}
	
	.footer-soc-med
	{
		display: block;
	}
	
	.ul-links ul li
	{
		margin-left: 7px;
		margin-right: 7px;
	}
	.ul-links ul
	{
		padding-left: 0;
	}
	
	.ul-links ul li svg
	{
		font-size: 1em;
	}
	
	
	.ul-links ul
	{
		margin-bottom: 0;
		padding-top: 15px;
	}
	.ul-links
	{
		text-align: center;
	}
	
	.soc-med ul
	{
		padding-top: 0;
	}
	
	.ul-links ul li img
	{
		max-height:12px;
	}
	
	.footer
	{
		padding-left: 60px;
		padding-right: 60px;
		font-size: 0.7em;
	}
	
	.footer-soc-med svg
	{
		font-size: 1.3em !important;
		margin-bottom: 5px;
	}

}



/* Landscape phones and down */
@media (max-width: 480px) {
	
	
	 }
	 
	 
	 
	 /* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

/* FULL BACKGROUND VIDEO */
video { 
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}