a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

input,*{
	    -webkit-appearance: none;
		    border-radius: 0;
			  -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
	text-indent:0px;
	padding:0px;
}
 
 html{
 min-height:100%;
 }
 
 .success{
color:gray;	 
text-align:center;
width:240px;
margin: 0 auto;
    font-size: 12px;
 }
 
#main{
	     display: block;
    min-height: 100vh;

 }
 
	body{
	line-height:1.7em;
		       margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
	font-family: FuturaStd-Bold;
	font-weight: normal;
	font-style: normal;
    min-height: 100vh;
	letter-spacing:2.5px;
}
 .about:hover,.contact:hover{
 
 border-bottom:3px solid black;
 }
	.about{
		cursor:pointer;
	 -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
	display:inline-block;
	float:left;
	  width: 80px;
    height: 30px;
    border-bottom:3px solid transparent;

    position: absolute;
    top:0;
    bottom: 0;
    left: -20px;
    right: 0;

    margin: auto auto auto 0;
	text-align:center;
	z-index:99999;
	}
	.contact{
	cursor:pointer;
	 text-align:center;
	 -ms-transform: rotate(-270deg); /* IE 9 */
    -webkit-transform: rotate(-270deg); /* Chrome, Safari, Opera */
    transform: rotate(-270deg);
	display:inline-block;
	float:right;
	border-bottom:3px solid transparent;
	  width: 100px;
    height: 30px;
   

    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: -25px;
z-index:99999;
    margin: auto 0 auto auto;
	}
	
	
	.logo{
		    height: 70px;
    margin: 0 auto;
    display: block;
	margin-top:30px;
	}
	
	.spintext{
	    letter-spacing: 35px;
    font-size: 100px;
    width: auto;
    height: 22px;
		text-align:center;
	
		text-transform:uppercase;
		  position: absolute;
		
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	    margin: auto;
			font-weight:bold;
	}
	
	.footer{
		background-color:#000;
		    padding: 4em 0 3em;
			color:white;
			text-transform:capitalize;

	}
	
	.footer  div > p{
		text-align:center;
	}
	
	.footer div > p:first-child {
    float: left;
    text-align: center;
    width: 33.3%; }

.footer div > p:nth-child(2) {
    float: left;
    text-align: center;
    width: 33.4%; }

.footer div > p:last-child {
    float: right;
    text-align: center;
    width: 33.3%; }
	
	.wrapper{
	overflow: hidden;
    flex: 1 1 auto;
    
	}
	
	#main{
	    overflow: hidden;
    transition: opacity 800ms;

	}
	
	.header{
	  
    height: 128px;
    left: 0;
    
    
    right: 0;
    text-align: right;
    top: 0;
    z-index: 1;	
	}
	
	
	.forminput{
	 display: block;
	border:none;
	  outline: none!important;
	   margin: 0 auto;
		border-bottom:1px solid black!important;
		width: 530px!important;
		  line-height: 50px;
	font-family: FuturaStd-Bold;
        font-size: 22px;
		max-width:100%;
	}
	
	textarea
    {
        border: none;
        outline: none!important;
        display: block;
  font-family: FuturaStd-Bold;
        font-size: 22px;
        line-height: 50px;
        margin: 0 auto;
      	max-width:100%;
        resize: none;
     
        width: 530px;
	
    background-image: -webkit-linear-gradient(top , transparent, transparent 49px,#000 0);
        -webkit-background-size:  100% 50px;
        background-size: 100% 50px;
    }
	
	input:active, input:hover ,textarea:active, textarea:hover {
  outline: none
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
}
.button{
background:white;
text-indent:6px;
	width:240px;
	border:2px solid black;
	padding:10px;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
	margin-top:100px;
		font-family: FuturaStd-Bold;
}

.button:hover,.button:active{
color:white;
border:2px solid white;
background:black;
}


.aboutpage,.contactpage{
	width: 800px;
	letter-spacing:5px;	
    top:0;
    bottom: 0px;
    left: 0px;
    right: 0;
    margin: auto;
	text-align:center;
	margin-top:115px;
}

	.aboutpage img{
	width:100%;
	}

	
	.mobileOnly{
		display:none;
	}
	
	
	
	
@media (max-width: 794px) {
		.desktop{
			display:none;
		}
		
		.mobileOnly{
			display:block;
		}		
		
			.mainText{
	    letter-spacing: 8px;
    font-size: 38px;
    width: auto;
    height: 22px;
		text-align:center;
	line-height:60px;
		text-transform:uppercase;
		  position: absolute;
		
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	    margin: auto;
			font-weight:bold;
			height:300px;
		
	}
	
	
	.footer div > p{
		float:none!important;
		display:block!important;
		width:100%!important;
	}
	
	.aboutpage{
		width:100%;
		margin-top:20px;
	}
	
	.contactpage {
		width:70%;
		margin-top:0px;
		padding-right:10px;
	}
	
	.aboutpage img{
		width:70%;
	}
}

@media (max-height:475px) {
		.mainText{
			margin-top:128px;
		}
}