.header-top{
 display: flex;
}
.header-top .logo{
 height: 15vh; 
 width: auto;
}
.header-top .item ul{
 list-style: none;
 padding: 2rem;
}
.header-top .item ul li{
 display: inline-block;
 margin-left: 36px;
}
.header-top .item ul li a{
 font-size: 1.3em;
 color: #000;
}
.header-top .item ul li a:hover{
 font-size: 1.4em;
 color: #f00;
 font-weight: 700;
 transition: all .4s ease-in-out;
}
.header-top .item ul li:first-child{
 margin-left: 0;
}
.flex-row{
 display: flex;
 align-items: center;
}
.reverse-flex{
 flex-direction: row-reverse;
}
.item{
 flex: 0 1 50%;
 padding: 0 2rem;
}

.item img{
 width: 100%;
}
.head {
 margin: 2rem 0;
}
.head h2{
 font-size: 3.5em;
 color: #467EFF;
 margin: 0;
 text-align: center;
 transition: font-size .4s ease-in;
}
.head p{
 font-size: 1em;
 color: #333;
 margin: 0;
 transition: font-size .4s ease-in;
}
.item h2, .item .bigtext{
 font-size: 3.5em;
 color: #467EFF;
 margin: 0;
 transition: font-size .4s ease-in;
}
.bold-text{
 color: #467EFF;
 font-weight: 700;
}
.flex-row .item a{
 padding: .5rem 1.5rem;
 font-size: 1.3em;
 font-weight: 700;
 background-color: #467EFF;
 color: #ffffff;
 margin-top: 1em;
 display: inline-block;
 text-transform: uppercase;
 border-radius: 2rem;
}
.flex-row .item a:hover{
 background-color: #5a7bc7;
 transform: scale(1.2);
 font-weight: 600;
 color: #fff;
 text-align: center;
 box-shadow: 10px 10px 8px #888888;
 transition: all .4s ease-in-out;
 text-decoration: none;
}
.center-aligned{
 text-align: center;
}  
.right-aligned{
 text-align: right;
}

.small-row{
 display: flex;
 align-items: center;
}

.item-small{
 flex: 0 1 25%;
 padding: 0 0 0 2rem;
}

.item-big{
 flex: 0 1 75%;

}

.item img{
 width: 100%;
}

blockquote {
 font-size: 14px;
 color: #3a3a3a;
 padding: 20px;
 border-left: 3px solid #d9d9d9;
 background: #f8f8f8;
 margin-left: 4px;
}
.quote-img-div{
 width: 5rem;
 height: 5rem;
 background-repeat: no-repeat;
 background-size: cover;
 display: inline-block;
 border-radius: 50%;
}
#features{
 overflow: hidden;
}
.contact-flex{
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 width: 100%;
 margin-bottom: 3em;
}
.contact-flex .con-info {
 width: 100%;
 background: #eee;
 padding: 1.5em;
 border-bottom: 2px solid #2e3b49;
 border-radius: 4px;
 margin-bottom: 30px;
}
.contact-flex .con-info a:hover {
 text-decoration:none;
}
.dark form {
 margin-top: 60px;
}

select.form-control, 
span.form-control,
input.form-control,
textarea.form-control {
 border: none;
 border-bottom: 2px solid #2e3b49;
 color: #000;
 background: #eeeeee;
 border-radius: 3px;
 box-shadow: none;
 font-size: 14px;
 font-weight: 700;
 padding: 20px 15px;
 height: auto;
 margin: 0 0 20px 0;
}

textarea.form-control {
 padding: 12px;
}

input:focus,
.form-control:focus {
 outline: none;
 box-shadow: none;
}

form .btn {
 color: #2e3b49;
 border-color: #2e3b49;
}
.showOnClick{
  display:none;
 }
@media screen and (max-width:600px){
 .item{
  flex: 0 1 100%;
  padding: .5rem;
 }
 .header-top{
  flex-direction: column;
 }
 .flex-row{
  flex-direction: column-reverse;
 }
 .small-row{
  flex-direction: column;
 }
 .right-aligned{
  text-align: center;
 }
 .item h2, .item .bigtext{
  font-size: 2.5em;
 }
 
 .showOnClick{
  display:block;
 }
 
 .item{
  text-align: center;
 }   
 .item-small{
  flex: 0 1 100%;
  padding: 0 0 0 0;
 }

 .item-big{
  flex: 0 1 100%;
 }

 .head {
  margin: 20px 0;
 }
}