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



* { box-sizing: border-box; }



/* STRUCTURE */

.columnwrapper2 {
    padding: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.columns2 {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0;
}
.columns2 p {
    text-align: left;
    padding: 25px;
}
.columns2list {
    margin-left: 50px;
    margin-right: 50px;
	padding-bottom: 2px;
	list-style-position: outside;
	list-style-type: disc;
    text-align: left; 
}





.column2-1 {
	flex: 1.5;
	margin: 0;
	background-color: #fff;
	color: #000;
    text-align: left;
    padding: 100px;
    opacity: 1;
    font-size: 1.2em;
    line-height: 1.5em;
    transition: all .2s ease-in-out; /* expands on hover*/
}
.column2-1:hover {
}
.column2-1:first-child {
	margin-left: 0;
}
.column2-1:last-child {
	margin-right: 0;
}




.column2-2 {
    flex: 1;
    margin: -50px 0 0;
    background-color: #000;
    color: #fff;
    text-align: left;
    opacity: 1;
    transition: all .2s ease-in-out; /* expands on hover*/
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.7);
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 34.80%,rgba(46,46,46,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 34.80%,rgba(46,46,46,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 34.80%,rgba(46,46,46,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 34.80%,rgba(46,46,46,1.00) 100%);
}
.column2-2:hover {
}
.column2-2:first-child {
	margin-left: 0;
}
.column2-2:last-child {
	margin-right: 0;
}
.column2-2 h1 {
	color: #8c734b;
	z-index: 50;
    font-family: 'Bebas Neue', cursive;
  	font-size: 6em;
  	line-height: 1em;
    clear: both;
    float: none;
    display: table;
    padding: 25px;
    text-align: left;
    opacity: .7;
    background-color: #000;
}
.column2-2 h3 {
    padding: 25px 25px 0;
}



@media screen and (max-width: 1000px) {

.columnwrapper2 {
    margin: 0px auto 0;
}

.columns2 {
	display: block;
	flex-flow: nowrap;
	justify-content: center;
	margin: 0;
    font-size: 1em;
}

.column2-1 {
	display: block;
	clear: both;
	margin: 0;
    padding: 50px;
}
.column2-2 {
	display: block;
	clear: both;
	margin: 0;
    padding: 50px;
}
.columns2list {
    margin-left: 50px;
    margin-right: 50px;
	padding-bottom: 2px;
 
}



}



/* MOBILE ----------------------------------------------------------------- */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {


.column2-1 {
    padding: 25px;
}
.column2-2 {
	padding: 0 0 50px;
}



}