
*body{
    font: 15px/1.5 Arial, Helvetica, sans-serif;
    padding:0;
    margin:0;
    background-color:#f4f4f4;
  }

  /* Global */
  .containter{
    width:80%;
    margin:auto;
    overflow: hidden;
  }

  ul{
    margin: 0;
    padding: 0;
  }

  .button_1{
    height:38px;
    background:#AB3AFF;
    border:0;
    padding-left:20px;
    padding-right:20px;
    color:#ffffff;

  }

  .dark{
    padding:15px;
    background:#35424A;
    color:#ffffff;
    margin-top:10px;
    margin-bottom:10px;
  }

  /* Header */
  header{
    background:#35424a;
    color:#ffffff;
    padding-top: 30px;
    min-height: 70px;
    border-bottom: #AB3AFF 3px solid;
  }

  header a{
    color: #ffffff;
    text-decoration:none;
    text-transform: uppercase;
    font-size:16px;

  }


  header li{
    float:left;
    display: inline;
    padding: 10px 10px  10px 10px;
    margin-top: 75px;
  }

  header #branding{
    float: left;
  /*  width: 25%;*/

  }

  header #branding h1{
    margin: 0;
  }

  header nav{
    float: right;
    clear: right;
    margin-top: 5px;

  }

  header .highligh, header .current a{
    color:#AB3AFF;
    font-weight:bold;
  }

  header a:hover{
    color: #cccccc;
    font-weight:bold;
  }

  /* Showcase */
  #showcase{
    min-height:400px;

    background:url('./show.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align:center;
    color:#ffffff;
  }

  #showcase h1{
    margin-top: 100px;
    font-size: 55px;
    margin-bottom:10px;
  }

  #showcase p{
    font-size: 20px;
  }

  /*Updates*/

  #Updates{
    padding:15px;
    color:#ffffff;
    background:#35424a;
  }

  #Updates h1{
    float:left;
  }

  #Updates form{
    float:right;
    margin-top:15px;
  }

  #Updates input[type="email"]{
    padding:4px;
    height:25px;
    width:250px;
  }

  img{
    max-width: 100%;
   max-height: 100%;
}

.square {
    height: 400px;
    width: 400px;
    float: right;
    clear: right;
    margin-left: 50px;
    text-align: center;
    padding:10px;
    /*margin-bottom: 20px;*/
}

  }

  /* Boxes */
  #boxes{
    margin-top:20px;
  }

  #boxes .box{
    float:left;
    text-align: center;
    width:30%;
    padding:10px;
  }

  #boxes .box img{
    width:90px;
  }
  /*Sidebar*/
  aside#sidebar{
    float:right;
    width: 30%;
    margin-top: 10px;

  }
  /*.box{
    width:100px;
    height: 100px;
  }
  .purple{float:left; background: #D5B0FB;width: 200px; height: 200px;}
  .lightgreen{float:right; background: #7FD5FF;width: 200px; height: 200px;}
  .lightblue{margin:0 auto; background:#88FFD5; width: 200px; height: 200px;}

  }*/

  /*aside#sidebar .quote input, aside#sidebar .quote textarea{
    width:90%
    padding:5px; */
  }

  /*main-col*/
  article#main-col{
    float:left;
    width:65%;
  }

  /* OurTeam*/
  ul#OurTeam li{
    list-style: none;
    padding: 20px;
    border:#cccccc solid 1px;
    margin-bottom:5px;
    background:#e6e6e6;
  }


  footer{
    padding:20px;
    margin-top:20px;
    color:#ffffff;
    background-color:#35424A;
    text-align: center;
  }

  /*Media Queries*/
  @media(max-width:768px){
    header #branding,
    header nav,
    header nav li,
    #Updates h1,
    #Updates form,
    #boxes .box,
    article#main-col,
    aside#sidebar{
      float:none;
      text-align: center;
      width:100%;


    }

    .iframe-container{
      position: relative;
      width: 100%;
      padding-bottom:56.25%;
      height:0;
    }
    .iframe-container iframe{
      position:a absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
    }
    }

    header{
      padding-bottom:20px;
    }

    #showcase h1{
      margin-top:40px;
    }
    #container{
      min-height:100%;
    }
    #main{
      overflow:auto;
      padding-bottom:100px;
    }

.move-me{
  width: 10px;
  height: 100px;
  background:url('aboutuspic.jpeg') no-repeat center center fixed
  position: relative;

/*boxes*/

}
}

  /*  #Updates button, .quote button{
      display:block;
      width:100%;
    }

    #Updates form input[type="email"], .quote input, .quote textarea{
      width:100%;
      margin-botom:5px;
    }
  } */
