@font-face {
    font-family: 'Solomon';
    src: url('Solomon-Bold.eot');
    src: local('Solomon Bold'), local('Solomon-Bold'),
        url('Solomon-Bold.eot?#iefix') format('embedded-opentype'),
        url('Solomon-Bold.woff2') format('woff2'),
        url('Solomon-Bold.woff') format('woff'),
        url('Solomon-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Solomon';
    src: url('Solomon-Thin.eot');
    src: local('Solomon Thin'), local('Solomon-Thin'),
        url('Solomon-Thin.eot?#iefix') format('embedded-opentype'),
        url('Solomon-Thin.woff2') format('woff2'),
        url('Solomon-Thin.woff') format('woff'),
        url('Solomon-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Solomon';
    src: url('Solomon-Light.eot');
    src: local('Solomon Light'), local('Solomon-Light'),
        url('Solomon-Light.eot?#iefix') format('embedded-opentype'),
        url('Solomon-Light.woff2') format('woff2'),
        url('Solomon-Light.woff') format('woff'),
        url('Solomon-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

body {		
    background:url('../img/tes6.jpg') no-repeat fixed;
    background-size: cover;
    background-attachment: fixed;

}
#main{
   display:flex;
    justify-content: center;
    align-items: center;
    /* position: fixed;
    top:0%;
    left:-2%; */


}
#head {
	background-color:#2f88f6;
	padding:1em;
	color:#FFF; 
	
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}

.logos {
	display: flex;
	flex-direction : row;
	justify-content: space-between;
	align-items: center;
}




.bg-llight {
	background: rgba(255,255,255,0.6);	
	margin-bottom: 1em;
	padding: 1em;
	border-radius: 0.5em;
    align-items:center;
    height: 100%;
    width: 100%;
}

.required {
	color:#F00;font-weight:500;
}

.pink {	
	color:#cc3366;
	text-shadow: 1px 1px 1px white;	
	font-weight: bold;
}

.pink strong {
	font-size: 2rem;	
	line-height: 1em;
}

.pink span.zom{
	font-size: 2.5rem;
}


.error {
	display: block;
	flex:1;
	color:red;
}

@media screen and (max-width: 576px){
	#main{
		margin:0.5em;
		padding:0.5em;
	}
}