/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */

html{ font-size: 100%; height: 100%; width: 100%; overflow-x: hidden; margin: 0px;  padding: 0px; touch-action: manipulation; }


body{ font-size: 16px; font-family: 'Open Sans', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 400;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; overflow-x: hidden; background-color: black;
	color: #333; }
	.terms{
		padding: 100px;
		margin-top: 100px;
		color: #fff;
	}
	.terms-area{
	background-size: cover;
    background-position: top;
	}
	.terms h1{
		text-align: center;
		text-transform: uppercase;
	}
	div p span {
    font-weight: 700;
    }
    div .firstP {
    font-style: italic;
    }
    .terms a{
    	color:#c99947;
    }
    .terms a:hover{
    	color:#e40b52;
    }
    /* SOCIAL BTN */

.terms-area .back-home{ position: absolute; bottom: 30px; width: 10%; left: 50%; transform: translateX(-50%);font-size: .9em;
    border-radius: 40px;
    transition: all .3s;
    background: #c99947;
    color: #333;
    cursor: pointer;
    outline: none;
    border: white;
    padding: 5px;
     }
.terms-area .back-home:hover{
	background: #e40b52;
	color:#fff;
}

@media screen and (max-width: 512px) {
	.terms{
		    padding: 30px;
		    margin-top: unset;
	}
	.terms-area .back-home{
		width: 30%;
	}
	
}