/* CSS by Meanwhile Solutions 2023 */

    @font-face {
			font-family: "SpecialMW";
			src: url('font/Quicksand-VariableFont_wght.ttf') format("truetype");
		}

	* {
			margin: 0;
			padding: 0;
		}

	html {
			font-family: 'Quicksand', sans-serif;
			-ms-text-size-adjust:100%;
			-webkit-text-size-adjust:100%;
			-webkit-font-smoothing: antialiased;
		}
	
	body {
            background-color: black;   
        }

    body::after {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            content: "";
            background-image: url('../images/bg_bro_sm.jpg');
            opacity: 0.5;
            background-repeat: no-repeat;
            background-size: cover;
			background-position: center;
			overflow: hidden;
            z-index: -1;   
        }

	hr {
	        width: 64px;
	        color: #808080;
		}
		
	a:link {
			color: #DDDDDD;
			background-color: transparent;
			text-decoration: underline;
			font-family: "SpecialMW";
		}

	a:visited {
			color: #DDDDDD;
			background-color: transparent;
			text-decoration: underline;
			font-family: "SpecialMW";
		}

	a:hover {
			color: #DDDDDD;
			background-color: transparent;
			text-decoration: underline;
			font-family: "SpecialMW";
		}

	a:active {
			color: #DDDDDD;
			background-color: transparent;
			text-decoration: underline;
			font-family: "SpecialMW";
		}
        
	.page-container {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: auto;
            font-family: "SpecialMW";
			font-weight: 400;
			letter-spacing: 0.06em;
			line-height: 1.5em;
			color: #fff;
        }

	.logohead {
			position: relative;
			width: 100%;
			height: 6em;
			background-color: black;
		}
		
    .logoimg {
            position: relative;
			width: 22em;
			top: 10px;
			left: 15%;
		}
    
	.headline {
	        position: absolute;
	        height: 60px;
	        overflow: hidden;
	        width: 100%;
	        top: 30%;
	        font-size: 2em;
	        letter-spacing: 0.4em;
	        text-align: center;
	        vertical-align: central;
	        z-index: 1;
		}

	.site-footer {
			position: absolute;
			width: 100%;
			height: 320px;
			bottom: 40px;
			background-color: black;
		}
	
	.infotext1 {
	        position: relative;
	        width: 100%;
	        height: 100%;
			font-size: 0.9em;
		}
		
    .fa-circle {
            color: #d00000;
        }

	.addr {
	        position: relative;
	        min-height: 1px;
	        overflow: hidden;
	        margin: auto;
	        width: 19em;
	        height: 11em;
	        top: 40px;
	        font-size: 1.1em;
	        text-align: left;
	        line-height: 2.8em;
	        vertical-align: baseline;
	        z-index: 3;
		}
		
    .mwsol {
	        font-size: 1.5em;
		}
		
	.text2 {
	        color: #DDDDDD;
		}

	.copyr {
	        position: absolute;
	        min-height: 1px;
	        overflow: hidden;
	        width: 100%;
	        height: 3.5em;
	        bottom: 40px;
	        text-align: center;
	        color: #808080;
	        z-index: 4;
		}
		
/* START CSS for mobile version */

	@media only screen and (min-device-width: 375px) and (max-device-width: 1085px) and (orientation: portrait) { 
	hr {
	        width: 150px;
		}

	.logohead {
			height: 15em;
		}
		
    .logoimg {
			width: 47em;
			top: 40px;
			margin: auto;
			left: 11.5%;
		}

	.headline {
	        height: 100px;
	        font-size: 3.1em;
	        vertical-align: middle;
		}

	.site-footer {
			height: 650px;
			bottom: 150px;
		}
	
	.addr {
	        width: 17em;
	        height: 15em;
	        top: 40px;
	        font-size: 2.5em;
		}
		
	.copyr {
	        bottom: 100px;
	        font-size: 2.2em;
	        height: 3.5em;
	        line-height: 1.5;
		}

/* END CSS for mobile version */