@media (max-width: 400px){

html, body {
  overflow-y: hidden;
}

header {
  height:80px!important;
  padding: 10px 10px 0 10px;
}

#toggle {
  top:14px!important
}

#brokercheck {
  font-size:11px;
  line-height:15px;
  top:80px;
  padding:10px;
}

.boxed {
  padding:0;
}

#hero {
  margin-top: 125px !important;
}

#hero .hero-content h1.xxlarge {
    font-size:18px;
    line-height:22px;
}

#hero .hero-content h1.massive {
    font-size:24px;
    line-height:28px;
}

#hero .hero-content h1.massive.mt40 {
    margin-top:14px;
}

.halfhero, .contacthero {
  margin-top:80px;
  padding:0;
}

.contacthero .half {
  padding:0 20px;
}

.contacthero .half input[type="text"], input[type="email"], textarea {
    width: 100%;
}

.card {
  padding:20px;
}

.parallax blockquote {
    border-left: none;
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

section#about {
  padding: 0;
}

#services, #three-cs {
  padding-top:40px;
}

section#team {
  padding: 20px 0 0 0;
}

#three-cs h2, #network h2 {
  margin-bottom:20px;
}

section#network {
  padding: 40px 0 0 0;
}

#support {
  padding:0 20px;
}

section#main {
  padding:20px 0 0 0;
}
}

@media (max-height: 600px) and (max-width: 400px) {
  #top-menu {
    overflow-y: scroll;
    /* height:115vh; */
  }
}