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

body {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    /* background-color: #000;
    background-image: linear-gradient(209deg, #171717 33%, #415c47 50%, rgba(23,23,23,1) 65%) */
}

.maintenance-1- .maintenance-bg- {
    position: fixed;
	width: 100%;
	height: 100%;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: -1;
    background-image: linear-gradient(209deg, #171717 33%, #415c47 50%, rgba(23,23,23,1) 65%)
}

.maintenance-1- .maintenance-content- {
    padding: 4rem 0
}

.maintenance-1- .maintenance-content- h1 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1rem;
	font-size: 3rem;
    font-weight: 800;
    color: #ffc600;
    text-shadow: 5px 4px 0 #222
}

.maintenance-1- .maintenance-content- h2 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .5rem;
	font-size: 2rem;
    text-shadow: 5px 4px 0 #222
}

.maintenance-1- .maintenance-content- p {
	font-size: 1.25rem
}

.maintenance-1- .maintenance-content- .main-img- {
	max-width: 300px;
    margin: 1rem auto
}

.maintenance-1- .maintenance-content- .main-img-.complogo- {
    margin-top: 0
}

.maintenance-1- .maintenance-content- .hlight- {
	font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .15rem;
    color: #ffc600
}

.maintenance-1- .maintenance-content- .copyright- {
	margin: 3rem 0 0;
	text-align: center;
	font-size: 1rem
}

@media only screen and (max-width: 1024px) {
	.maintenance-1- .maintenance-content- h1 {
		font-size: 9vw;
        letter-spacing: 2.5vw
	}
	
	.maintenance-1- .maintenance-content- h2 {
		font-size: 6vw
	}
	
	.maintenance-1- .maintenance-content- p {
		font-size: 5vw
	}
	
	.maintenance-1- .maintenance-content- .hlight- {
		font-size: 6vw
	}
	
	.maintenance-1- .maintenance-content- .copyright- {
		font-size: 3.5vw
	}
}