/*form {
    margin-left: 18%;
    border: 2px solid rgb(247, 121, 36);
    width: 64%;
  }*/
          div {
  box-sizing: border-box;
  transition: all ease-in-out .5s;
  -moz-transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
}
          .about {
    padding: 0.3em ;
}
.icetab {
  border: 2px solid #ff9900;
  display: inline-block; 
  border-bottom: 0px; 
  margin: 0px;  
  color: #000;
  cursor: pointer;
  border-right: 0px;
}
.icetab:last-child {
  border-right: 2px solid #ff9900;  
}

#icetab-content {
  overflow: hidden;
  position: relative;
  border-top: 2px solid #ff9900;
}


.tabcontent {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #fff;
  width: 100%;
  border-top: 0px;
  border: 2px solid #ff9900;
  border-top: 0px;
  transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
}

.tabcontent:first-child {
  position: relative; 
}
.tabcontent.tab-active {
  border-top: 0px;
  display: block;
  transform: translateY(0%);
  -moz-transform: translateY(0%);
  -webkit-transform: translateY(0%);
}


/* A tiny wee bit of visual formating */
.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append .form-horizontal input{
    display: inline-block;
    margin-bottom: 9px;
    margin-left: 20px;
    width: 58%;
    /* margin-bottom: 9px; */
    vertical-align: middle;
}
.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block {
    margin-top: 0px;
    margin-left: 26%;
}
label {
  color: #000;
    display: inline-grid;
    margin-bottom: 9px;
}
.codepen-container {
  max-width: 700px;
  margin: 40px;
  margin-left: auto;
  margin-right: auto;
}
.title {
  color: #ff9900;
  text-align: center;
  letter-spacing: 14px;
  text-transform: uppercase;
  font-size: 17px;
  margin: 40px 0px;
}
.tabcontent {
  padding: 40px;
}
.icetab {
        margin: 0px -35% 0 35%;
    display: inline-block;
    padding: 16px 12px 15px 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.current-tab { 
  background: #ff9900;
} 

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f77924;
    background-image: -moz-linear-gradient(top, #f77924, #f77924);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f77924), to(#f77924));
    background-image: -webkit-linear-gradient(top, #f77924, #f77924);
    background-image: -o-linear-gradient(top, #f77924, #f77924);
    background-image: linear-gradient(to bottom, #f77924, #f77924);
    background-repeat: repeat-x;
    border-color: #f77924 #f77924 #f77924;
  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f77924', endColorstr='#f77924  ', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

 @media screen and (max-width:420px){

  h3.title-w3l {
    color: #000;
    font-size: 1.3em;
    margin-bottom: -22%;
}

  .icetab {
    margin: 0px -11% 0 11%;
    display: inline-block;
    padding: 15px 7px 11px 4px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 16%;
}

form {
    margin-left: -5%;
    border: 2px solid rgb(247, 121, 36);
    width: 112%;
}

.form-horizontal .control-label {
    
    margin-left: 5%;
}
label {
   
    margin-left: 15%;
}

.btn:first-child {
    margin-left: 20%;
    margin-bottom: 10%;
}
 }