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

* { margin:0; padding:0; }
p { margin:5px 0 10px 0; }

body{
	background:url(../images/background06.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align:center;
  font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-weight:400;
}
h1{
	margin:15px 0;
	color:#000000;
	line-height:1.2;
	font-size:45px;
    font-weight: 800;
    text-transform: uppercase;
}
h2{
	margin:15px 0;
	color:#000000;
	line-height:1.2;
	font-size:25px;
}
p{
	margin:0 0 15px 0;
	color:#000000;
	line-height:1.5;
}

.panelwrapper{
	display: flex;
  flex-direction: column;
  justify-content: center;
  /*resize: vertical;*/
  overflow: auto;
  height:800px;
}
img{
	max-width:100%;
}
.panel{
	width: 35%;
    /* margin: 50px auto 0; */
    background: rgba(255, 255, 255, .8);
    padding: 60px 50px;
    /* resize: vertical; */
    overflow: auto;
    -webkit-box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 40%);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 50px 0px rgb(0 0 0);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
a{
	color:#e6007e;
	transition: all 0.5s ease;
	text-decoration: none;
}
a:visited{
	color:#e6007e;
}
a:hover{
	color:#009fe3;
}

/* Responsive styles */
@media only screen and (max-width: 1000px) {
.panelwrapper{
	display: inherit;
	height:auto;
}

.panel{
	width: 70%;
	/*margin: 50px auto 20px;*/
	background: rgba(255, 255, 255, 0.8);
	padding: 30px;
	/*resize: vertical;*/
  overflow: auto;
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
h1{
	font-size:25px;
}
h2{
	font-size:20px;
}
}