@charset "utf-8";
/* CSS Document */
/* DEFAULT TEXT */
body {       
   font-weight: normal; line-height: 1.5; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1em;
	color: whitesmoke;	margin:0;
    background-image: url("/images/brand/TransitSwift-crop.jpg"), linear-gradient(90deg, #090017, #4756C1);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position:right 0px bottom 40px;
    }
.wrapper {   

	width: 100%;  
    display: grid; 
    min-height: 100vh;
    }

h2, h3, h4 {font-size: 21px;}
h1 {font-size: 2.5em;}

.container {margin-left: auto; margin-right: auto; max-width: 1820px;padding:20px 40px;}

#bottom .container { display: grid; grid-template-columns:1fr 1fr 2fr ;}
#top .container {display: grid; grid-template-columns: 30% 70%;}
#top img {width: 100%;}


main {display: grid;  column-gap: 50px;  grid-template-columns: 2fr 1fr;  }

input, textarea, select {
    display: block; width: 100%; 
    margin:8px;padding:8px;
    box-sizing: border-box;}
label {width: 100%; padding: 8px;}
article.terms img {width:100%;}

#bottom {background-color:#090017; margin-top:auto;}
.links a  {padding:10px; color: ghostwhite; text-decoration: none;}
.legals     { text-align: right;}


  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
  main {display: block; margin-top: 0px; margin-right: 20px; margin-bottom: 60px; margin-left:20px;}
  body {background-position:right 0px bottom 220px; }
    h1 {font-size: 2.5em;}
  h2, h3, h4 {font-size: 2em;}.terms p, .terms li {font-size: 1em;}
  #top img {width: 100%;}


  }
  


    /*  (992px and DOWN) */
    @media only screen and (max-width: 992px) {
    #bottom .container, main {display: block; margin:30px;}
    .socials,.links,.legals { text-align: center;} 
    main {margin-top: 0px; margin-right: 10px; margin-bottom: 50px; margin-left:10px;}
    body {background-position:right 0px bottom 250px;font-size: 1.3em;}
  h2, h3, h4 {font-size: 1.9em;} 
  h1 {font-size: 2.5em;}
    main .container {padding:10px;}
    #top .container {grid-template-columns: 1fr;}
    }

    /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
  main {display: grid;}
  article.terms{column-count: 1; }
  main {grid-template-columns: 1fr; margin-bottom: 70px;}
  body {background-position:right 0px bottom 90px;}
     #top img {width: 60%;}} 
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    article.terms{column-count: 2;column-gap:50px; column-rule: 2px dotted #090017; }
    main {grid-template-columns: 1fr; margin-bottom: 160px; }  #top img {width: 90%;}
  } 
  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
  article.terms{column-count: 3; column-gap:50px; column-rule: 2px dotted #090017;}
  main {grid-template-columns: 1fr; margin-bottom: 160px; }



  }

#temp {grid-template-rows: 120px 4fr 1fr;   /* header#top main footer#bottom construction homepage only*/}
.construction {
    width: 100%;
    background-image: url("/images/Under-construction.png");
    background-repeat: no-repeat;
    background-size: contain;   
    background-position-y: top;
    background-position-x: center;
    
}