/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
   /* margin-top: 50px; *//* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

a{color:#000;text-decoration: none;}

.container { width:60%; margin:0px auto;}
.header {width:100%; height:120px;}
.header img { float:right; margin-top:30px;}

.thankyou {color: rgb(255, 162, 44); line-height:.9!important;font-family: "Helvetica Neue" ! important; font-size: 7em ! important; margin-top: 120px;}
.nextpara {color: rgb(255, 255, 255);line-height:1.2em!important; font-family: "Helvetica Neue" ! important; font-size: 5em ! important;}
.smallpara {color: rgb(255, 255, 255);line-height:1.2!important; font-family: "Helvetica Neue" ! important;padding-top:45px;display: block!important; font-size: 2em ! important;}

.btns-outer { width:150px;}
.btns {width:45%; padding-right:1%; padding-top:10%;  float:right; height:auto; position:relative;}
.maintext { width:45%; padding-left:3%; height:auto; float:left; position:relative;}

.rcorners1 {float: right; border-radius: 25px; margin-bottom:30px; border: 2px solid #999A9D;width: 564px;height: 60px;cursor:pointer; position:relative; text-decoration: none;z-index: 1000;}
.rcornerssub{ float:left; margin:10px 18px; }
.rcornerssub1{ float:left; margin:1px 18px; }
.rcornerssub2{ float:left; margin:6px 0px 1px 35px; }
.arrow{float: left;font-size: 2.53em; color: #FFA22C; }
.sublink{float: left;font-size: 1.3em;padding-left: 18px;color: #000; width:64%; line-height: 55px; }
.sublink1{float: left;font-size: 1.3em;padding-left: 18px;color: #000; width:60%; line-height: 25px; }
.full {
    background: rgba(0, 0, 0, 0) url("../new_images/tradewins_background.jpg") no-repeat fixed center center / cover ;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
@media screen and (max-width: 1024px)  {
	
	.thankyou {
    font-size: 6em ! important;}
	.nextpara {font-size: 4em ! important;}
	.smallpara { font-size: 1.4em ! important;}
	.rcorners1 { width:95%; height:75px;}
	.rcorners { width:95%;}
		.maintext { width:40%;}
		.btns {width:55%; }
		.sublink{font-size: 1.5em;
    padding-left: 5px;
    padding-top: 13px;
    width: 63%;
    line-height: 20px; }
    .sublink1{ font-size: 1.5em;
    padding-left: 5px;
    padding-top: 7px;
    width: 63%;
    line-height: 20px; }
		.arrow { line-height:70px;}
		.rcornerssub1 {
    margin: 8px 18px;}
	.rcornerssub2 {
    margin: 13px 0px 1px 35px;}
	}

@media screen and (max-width: 768px)  {
	.thankyou {
    font-size: 3em ! important;}
	.nextpara {font-size: 2em ! important;}
	.smallpara { font-size: 1.4em ! important;}
	.rcorners1 { width:100%; height:75px;}
	.rcorners { width:100%;}
	.btns {width:53%; }
	.maintext { width:40%;}
	.container { width:75%; margin:0px auto;}
	.sublink{font-size: 1em;
    padding-left: 5px;
    padding-top: 13px;
    width: 50%;
    line-height: 20px; }
    .sublink1{ font-size: 1em;
    padding-left: 5px;
    padding-top: 7px;
    width: 50%;
    line-height: 20px; }
	.rcornerssub1 {
    margin: 10px 18px;}
	.rcornerssub {margin: 15px 18px;}
	.arrow { line-height:70px;}
	
}
@media screen and (max-width: 480px)  {
	
	.thankyou {
    font-size: 4em ! important;}
	.nextpara {font-size: 3em ! important;}
	.btns {width:100%; }
	.maintext { width:100%;}
	.full {
    background: #333; height:auto}
	.rcorners1 { background:#fff; }
	.rcornerssub,.rcornerssub1 {
    margin: 25px 18px;
    width: 75%;}
	.rcornerssub2 {
    margin: 15px 18px;
    width: 75%;}
	 .btns-outer { width:67px;}
	 .sublink1 { width:68%;}
	  .sublink { width:68%;}
}