/*.social {
    position: relative;
    height: 3em;
    width: 13.5em;
    margin:  100px;
}

.social li {
    display: block;
    height: 4em;
    line-height: 4em;
    margin: -2.2em;
    position: absolute;
    -webkit-transition: -webkit-transform .7s;
    -moz-transition: -moz-transform .7s;
    -ms-transition: -ms-transform .7s;
    -o-transition: -o-transform .7s;
    transition: transform .7s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    width: 4em;

}

.social a {
    color: #fffdf0;
    display: block;
    height: 4em;
    line-height: 6em;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 4em; 
  
}

.social li:hover {
  -webkit-transform: scale(1.3,1.3) rotate(45deg);
    -moz-transform: scale(1.3,1.3) rotate(45deg);
  -ms-transform: scale(1.3,1.3) rotate(45deg);
    -o-transform: scale(1.3,1.3) rotate(45deg);
  transform: scale(1.3,1.3) rotate(45deg);
}

.facebook {
    background: #155b9d;
    left: 0;
    top: 0%;
}

.twitter {
    background: #1a9ec4;
    bottom: 0;
    left: 25%;
}
.facebook2 {
    background: #155b9d;
    left: 50%;
    top: 0%;
}

.twitter2 {
    background: #1a9ec4;
    bottom: 0;
    left: 25%;
}

.pinterest {
    background: #e11a30;
    left: 50%;
    top: 0%;
}
.behance {
    background: #3f7aa3;
    bottom: 0;
    left: 75%;
}
.behance2 {
    background: #3f7aa3;
    top: 0%;
    left: 50%;
}
.behance3 {
    background: #3f7aa3;
    bottom: 0;
    left: 75%;
}
 .animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.stars
{
    margin: 20px 0;
    font-size: 24px;
    color: #d17581;
}*/

    /*video#bgvideo {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(placeholder.jpg) no-repeat;
background-size: cover;*/
/*}*/
/*:root {
	 --headerOpacity: 1;
	 --headerScale: 1;
}
 .video-header {
	 position: absolute;
	 text-align: center;
	 width: 100vw;
	 height: 100vh;
}
 .video-header, .video-header video, .video-header .viewport-header {
	 width: 100vw;
	 height: 100vh;
	 position: absolute;
	 top: 0;
	 left: 0;
}
 .video-header video {
	 background: brown;
	 object-fit: cover;
}
 .video-header .viewport-header {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 opacity: 1;
	 opacity: var(--headerOpacity);
	 transform: scale(var(--headerScale));
}
 html, body {
	 height: 100vh;
	 overflow-x: hidden;
}
 html {
	 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	 font-size: 150%;
	 line-height: 1.4;
}
 body {
	 margin: 0;
}
 h1 {
	 font-family: 'Syncopate', sans-serif;
	 color: white;
	 text-transform: uppercase;
	 letter-spacing: 3vw;
	 line-height: 1.2;
	 font-size: 3vw;
	 text-align: center;
}
 h1 span {
	 display: block;
	 font-size: 10vw;
	 letter-spacing: -1.3vw;
     color:orangered
}
 main {
	 background: white;
	 position: relative;
	 padding: 1rem;
	 margin-top: 100vh;
}
 main::before {
	 content: "";
	 width: 100vw;
	 height: 100vh;
	 position: absolute;
	 top: 0;
	 left: 0;
	 top: -100vh;
}
 main p {
	 max-width: 600px;
	 margin: 1rem auto;
}*/