body, html {
	background: #0e0e0e;
	color: #fff;
	min-height: 100%;
	height: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wrapper {
	width: 1280px;
	margin: auto;
	display: -webkit-flex;
    display: flex;
}

*, *:before, *:after, hr, hr:before, hr:after, input[type="search"], input[type="search"]:before, input[type="search"]:after{
  box-sizing: border-box; /* Opera/IE 8+ */
   -moz-box-sizing: border-box; /* Firefox, autres Gecko */
   -webkit-box-sizing: border-box; /* Safari/Chrome, autres WebKit */
}

.row {
	
}

.row [class*='col'] {
    float: left;
    padding: 10px;
    width: 100%;
    min-height: 1px; 
} 

.row .col6 {
	width: 50%;
}


.content {
	width: 50%;
	float: left;
	padding: 50px;
	position: relative;
}

.img {
	width: 50%;
	float: left;
}

.img img {
	width: 100%;

}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}

h1 {
	font-size: 5em;
	text-transform:uppercase; 
	font-weight: Bold;
	
}
h2 {
	font-size: 2em;
	text-transform:uppercase;
}

h3 {
	font-size: 1.3em;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: -20px;
}
a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.flLeft {
	float: left;
}
.flRight {
	float: right;
}
.footer {
	font-size: 0.8em;
	position: absolute;
    bottom: 30px;
    left: 50px;
    right: 50px;
}
.smallTxt {
  font-size: 0.8em;
}

.highlight {
  color: #e74c3c;
  
}

.mgTop12 {
	margin-top: 120px;
}

p {
	margin: 30px 0px;
}

.btn {
	background: #e74c3c;
	color: #fff;
	text-decoration: none;
	padding:1em 3em;
	text-transform: uppercase;
	display: inline-block;
}

.btn:hover {
	background: #c0392b;
}

@media only screen and (min-width : 640px) and (max-width : 1080px) {
	.wrapper {
    width: 100%;
  }
   h1 {
  	font-size: 3.5em;
  	word-wrap: break-word;
  }
  .content {
  	padding: 30px;
  }
}

/* IPAD */
@media only screen and (min-width : 640px) and (max-width : 1080px) and (orientation : portrait) {
	.wrapper {
    display:block;
    width: 100%;
  }

  .content {
  	width: 100%;
  	padding: 50px;
  	
  }

  .img {
  	width: 100%;

  }



}

/* mobile */
@media screen and (max-width: 640px) {
  .wrapper {
    display:block;
    width: 100%;
  }

  .content {
  	width: 100%;
  	padding: 10px;
  	padding-bottom: 60px;
  }

  h1 {
  	font-size: 2.3em;
  	word-wrap: break-word;
  }

  h2 {
  	font-size: 1.5em;
  }

  .img {
  	width: 100%;

  }

  .btn {
  	width: 100%;
  	line-height: 1.4em;
  	text-align: center;
  }

  .row .col6 {
  	width: 100%;
  	float: none;
  }

  .footer {		bottom: 10px;}
	.footer div {
		float: none !important;
		text-align: center;
		margin: 10px;

	}

}