

@media screen and (min-width: 769px) {

body {
	background-color: #1f2326;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

.indy {
	background-image: url('https://launch-atx.com/latx/images/launch-atx.jpg');
	background-size: cover;
    background-repeat: no-repeat;
}

.navtop {
	font-family: Comfortaa !important;
	color: #ca9f76;
	background: #000;
	padding: 10px;
}

.navbtn {
	float: right;
	font-size: 16px !important;
	position: relative; 
	top: 20px;
	margin: 15px;
	text-decoration: none !important;
}

.latx {
	font-family: Comfortaa !important;
	color: #ca9f76;
	padding: 30px;
}

.cont {
	font-family: Comfortaa !important;
	color: #ca9f76;
	font-size: 32px;
	line-height: 42px;
	margin: auto; 
	width: 50%;
	text-align: left !important;
}

.futr {
	font-family: Comfortaa !important;
	color: #ca9f76;
	background: #000;
	padding: 10px;
	position: absolute;
	bottom: 0px;
	margin: auto;
	width: 100%;
}

.futrBtm {
	font-family: Comfortaa !important;
	color: #ca9f76;
	background: #000;
	padding: 10px;

	margin: auto;
	width: 100%;
}

input {
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 10px;
  color: #ca9f76;
  background: #000;
  border: 1px solid #ccc;
  font-size: 18px;
  width: 100%;
}

.sub {
  padding: 12px 20px;
  margin: 8px 0;
  color: #ca9f76;
  font-size: 21px;
  width: 300px !important;
  font-weight: 400;
  border: none !important;
  background-color: #1f2326;
  cursor: pointer;
}

.sub:hover {
  color: #f6dbc2;
}


textarea {
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 10px;
  color: #ca9f76;
  background: #000;
  border: 1px solid #ccc;
  font-size: 18px;
  width: 100%;
}

a:link {
  font-family: Comfortaa !important;
	color: #ca9f76;
	text-decoration: none !important;
}

a:visited {
  font-family: Comfortaa !important;
	color: #ca9f76;
}

a:hover {
  font-family: Comfortaa !important;
	color: #f6dbc2;
}

a:active {
  font-family: Comfortaa !important;
	color: #ca9f76;
}

.mobi {
	display: none;
}

.mobi2 {
	display: none;
}

.conbtn {
	display: none;
}

.cont1 {
	font-size: 32px;
	text-align: left !important;
	position: relative;
	top: 30px;
}

.cont2 {
	font-size: 24px;
	text-align: left !important;
	position: relative;
	top: 30px;
}

.launch_atx {
	border-radius: 180px;
	width: 225px;
	margin: 25px;
	float: left;
	border: 2px solid #fff;
}

.cont3 {
	display: none;
}


.futr2 {
	display: none;
}



}


@media screen and (min-width: 0px) and (max-width: 768px) and (orientation: portrait) {
	
body {
	background-color: #1f2326;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	background-image: none !important;
}

.mobi {
	font-family: Comfortaa !important;
	color: #ca9f76;
	padding: 10px;
}

.indy {
	background-image: url('https://launch-atx.com/latx/images/launch-atx.jpg');
	background-size: cover;
    background-repeat: no-repeat;
}

.navtop {
	display: none;
}

.launch_atx {
	border-radius: 180px;
	width: 100px;
	margin: 30px;
	border: 2px solid #fff;
	float: left;
}

.navbtn {
	float: right;
	font-size: 16px !important;
	position: relative; 
	top: 20px;
	margin: 15px;
}

.latx {
	font-family: Comfortaa !important;
	color: #ca9f76;
	padding: 30px;
}

.cont {
	font-family: Comfortaa !important;
	color: #ca9f76;
	font-size: 42px;
	line-height: 46px;
	position: relative;
	bottom: 25px;
	padding: 35px;
}


.cont1 {
	font-size: 24px;
	font-weight: 700;
	position: relative;
	top: 50px;
}

.cont2 {
	display: none;
}

.cont3 {

}


.futr {
	display: none;
}

.futr2 {
	font-family: Comfortaa;
	color: #ca9f76;
	padding: 10px;
	margin: 0px;
	width: 100%;
	font-size: 18px;
}

input {
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 10px;
  color: #ca9f76;
  background: #000;
  border: 1px solid #ccc;
  font-size: 18px;
  width: 90%;
}

.sub {
  padding: 12px 20px;
  margin: 8px 0;
  color: #ca9f76;
  font-size: 27px;
  width: 300px !important;
  font-weight: 400;
  border: none !important;
  background-color: #1f2326;
  cursor: pointer;
}

.conbtn {
  padding: 12px 20px;
  margin: 8px 0;
  color: #ca9f76 !important;
  font-size: 27px;
  width: 70%;
  font-weight: 400;
  border: none !important;
  cursor: pointer;
  border-radius: 10px;
  text-decoration: none;
}

.sub:hover {
  color: #f6dbc2;
}


textarea {
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 10px;
  color: #ca9f76;
  background: #000;
  border: 1px solid #ccc;
  font-size: 18px;
  width: 90%;
}

a:link {
  font-family: Comfortaa !important;
	color: #ca9f76;
}

a:visited {
  font-family: Comfortaa !important;
	color: #ca9f76;
}

a:hover {
  font-family: Comfortaa !important;
	color: #f6dbc2;
}

a:active {
  font-family: Comfortaa !important;
	color: #ca9f76;
}

.mobi2 {
	display: none;
}

.futrBtm {
display: none;
}

.dtoper {
    display: none;
    
}

.hamb {


}
}


@media screen and (min-width: 0px) and (max-width: 768px) and (orientation: landscape) {
	
.sform {
	display: none;
}

.futrBtm {
display: none;
}

body {
	background-color: #1f2326;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	background-image: none !important;
}

.mobi {
	display: none;
}

.mobi2 {
	font-family: Comfortaa !important;
	color: #ca9f76;
	padding: 10px;
}

.indy {
	background-image: url('https://launch-atx.com/latx/images/launch-atx.jpg');
	background-size: cover;
    background-repeat: no-repeat;
}

.navtop {
	display: none;
}

.launch_atx {
	border-radius: 180px;
	width: 100px;
	margin: 30px;
	border: 2px solid #fff;
	float: left;
}

.navbtn {
	float: right;
	font-size: 16px !important;
	position: relative; 
	top: 20px;
	margin: 15px;
}

.latx {
	font-family: Comfortaa !important;
	color: #ca9f76;
	padding: 30px;
}

.cont {
	font-family: Comfortaa !important;
	color: #ca9f76;
	font-size: 21px;
	line-height: 27px;
	position: relative;
	bottom: 20px;
	width: 70%;
	margin: auto;

}


.cont1 {
	font-size: 21px;
	text-align: left !important;
	font-weight: 700;
}

.cont2 {
	font-size: 24px;
	text-align: left !important;
	font-weight: 300;
}


.cont3 {
	display: none;
}


.futr {
	display: none;
}


.futr2 {
	font-family: Comfortaa !important;
	color: #ca9f76;
	padding: 10px;
	margin: auto;
	width: 100%;
	font-size: 18px;
	background: #000;
}

input {
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 10px;
  color: #ca9f76;
  background: #000;
  border: 1px solid #ccc;
  font-size: 18px;
  width: 90%;
}

.sub {
  padding: 12px 20px;
  margin: 8px 0;
  color: #ca9f76;
  font-size: 27px;
  width: 300px !important;
  font-weight: 400;
  border: none !important;
  background-color: #1f2326;
  cursor: pointer;
}

.conbtn {
  padding: 12px 20px;
  margin: 8px 0;
  color: #000 !important;
  font-size: 21px;
  width: 50%;
  font-weight: 400;
  border: none !important;
  background-color: #ca9f76;
  cursor: pointer;
  border-radius: 10px;
  text-decoration: none;
}

.sub:hover {
  color: #f6dbc2;
}


textarea {
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border-radius: 10px;
  color: #ca9f76;
  background: #000;
  border: 1px solid #ccc;
  font-size: 18px;
  width: 90%;
}

a:link {
  font-family: Comfortaa !important;
	color: #ca9f76;
	text-decoration: none !important;
}

a:visited {
  font-family: Comfortaa !important;
	color: #ca9f76;
}

a:hover {
  font-family: Comfortaa !important;
	color: #f6dbc2;
}

a:active {
  font-family: Comfortaa !important;
	color: #ca9f76;
}
	
.dtoper {
    display: none;
    
}

}
