@charset "UTF-8";
/* CSS Document */

*{margin:0px;
	padding:0px;
	text-size:0px;}

html,body {width:100vw;
    	   height: 100vh;
    	   margin: 0;}

body{background-color: black;}

option{color: gray;}

p{padding-bottom: -20px;}

td{padding: 5px;
	text-align: center;
	width: 100%;}

input[type=text]{width: 100%;
 				 padding: 12px;
				margin: 8px 0;
				margin-top: 0px;
				 display: inline-block;
 				 border: 1px solid #ccc;
				 box-sizing: border-box;}

input[type=submit] {width: 25%;
					margin-top: 0px;
					padding: 10px;
  					display: inline-block;
  					border: 1px solid #ccc;
  					box-sizing: border-box;
					background-color: black;
  					color: white;
					position: relative;
					left:50%;
					transform: translate(-50%,-50%);}

input[type=checkbox], input[type=radio] {margin-top: 10px;
						margin-right: 5px;
						margin-left: 15px;}

form {border: 3px solid #f1f1f1;
  font-family: Arial;
	color: white;
		position: absolute;}

.container {padding: 15px;
  background-color:black;}

.dropbtn{background-color: transparent;
		color: white;
		padding: 16px;
		width: 100px;
		font-size: 16px;
		border: none;
		margin-bottom: 20px;}

.dropdown{position: fixed;
		display: inline-block;
		width: 100px;
		right: 10px;
		top: 20px;}

.dropdown-content{display: none;
				position: absolute;
				width: 100px;
				z-index: 1;
				text-align: center;
				background-color: black;}

.dropdown-content a{color:cornsilk;
					padding: 10px 16px;
					text-decoration:none; 
					display: block;
					border-radius: 10px;
					font-family: 'Montserrat', sans-serif;}

.header {text-align: center;
  padding: 32px;}

.r-side{display: inline-block;
    			position: absolute;
    			top: 12%;
    			right: 0px;
  				margin:45px;
    			width: 45%;
    			height: 350px;
    			text-align: center;font-size: 25px;
				font-weight:700;
				font-family: 'Poppins', sans-serif;} 
		
.l-side {display: inline-block;
    			position: absolute;
    			top: 20%;
    			left: 0px;
    			margin: 5%;
   				width: 90%;
   				height: 350px;}

.icon{position:absolute;
	top: 140%;
	left: 50%;
	transform: translate(-50%);
	padding: 20px;}

#contactFormQuestionType{width: 100%;
						margin-top: 10px;
						margin-bottom: 15px;}

#contactFormMessage{width: 100%;
					margin-top: 10px;}

#pic{ width: 100%;
	height: auto;}

#header{background-color: white;
		width: 100%;
		position: fixed;
		z-index: 1;
		height: 100px;}

#title{position: absolute;
		left:50%;
		top:20px;
		transform: translate(-50%);
		font-size: 40px;
		color:black;
		z-index: 1;
		font-family: 'EB Garamond', serif;}

#menu{width: 30px;
	height: auto;}

#logo{position: absolute;
			width: 200px;
			top:-50px;
			left:-20px;
			height: auto;
			z-index: 1;}

@media only screen and (max-width: 1300px) {
 	 #pic {display: none;}
	
	.icon{top: 30%;
		left: 5%;
		transform: translate(-50%, 300%);}
	#logo{left:-33px;}}



input[type=submit]:hover {opacity: 0.8;}

.dropdown-content a:hover{color:gray;}

.dropdown:hover .dropdown-content {display: block;}