/* CSS Stylesheet for GC Tutor
** Date of Creation:  Sunday, 21 October 2018
** Author:  Roddy A. Stegemann 
*/

body, html {
    height: 100%;
    background-color: #666;
    color: #ccc;
}

.parallax_ar {
    background-image: url('../../_images/sandstorm.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax_de {
    background-image: url('../../_images/la_brume.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax_fr {
    background-image: url('../../_images/la_brume.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax_ja {
    background-image: url('../../_images/la_brume.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax_tr {
    background-image: url('../../_images/la_brume.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax_en {
    background-image: url('../../_images/la_brume.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


h1, h2, h3, p {
	text-align: center;
}


@media only screen and (max-device-width: 980px) {
    .parallax_en {
        background-attachment: local;
    }
    .parallax_ar {
        background-attachment: local;
    }
    .parallax_de {
        background-attachment: local;
    }
    .parallax_fr {
        background-attachment: local;
    }
    .parallax_ja {
        background-attachment: local;
    }
    .parallax_tr {
        background-attachment: local;
    }
}


.Message {
	margin-top: -1em;
}

.MessageDivider {
	width: 30%;
	text-align: center;
	margin-top: 1em;
}

.ServerAddress {
	margin-bottom: 0.5em;
}

.PreferredLanguage {
	margin-top: 0.5em;
}

#contact_div {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: start;
	margin-bottom: 1em;
}

.contact_item {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

.contact_info {
	padding: 0 1em; 
	text-align:right;
	color: #ccc;
}

.contact_data {
	padding: 0 1em;
}

.entry {
	width: auto;
	display: block;
	margin: auto;
	margin: -webkit-auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-color: #ccc;
	color: #666;
	padding: 5px 5px;
	border: none;
	font-weight: bold;
	font-size: 1.3em;
	border-radius: 25px;
	cursor: pointer;
}


a:link {text-decoration: none;color: #ccc; border:none}
a:visited {text-decoration: none;color: #D4AF37;}
a:hover {text-decoration: none;color: #fff;font-weight: 800;}
a:active {text-decoration: none;color: #D4AF37;}