html, body{
    width: 100%;
    height: 100%;
}
.navbar{
    background-color: #007bff;
    padding: 1% 0;
    font-size: 1.2em;
}
.navbar-brand{
    min-height: 55px;
    padding: 0 15px 5px;
}
.navbar-default .navbar-nav li a{
    color: #d5d5d5;
}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a.active{
    color: #fff;
}
#home {
    background: url(img/mountains.jpeg) no-repeat center fixed;
    display: table;
    height: 50%;
    position: relative;
    width: 100%;
    background-size: cover;
}
.landing-text{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.landing-text h1{
    font-size: 500%;
    font-weight: 700;
}
.padding{
    padding: 10px 0;
}
.padding img{
    width: 100%;
}

#home2{
    
    display: table;
    height: 50%;
    position: relative;
    width: 100%;
    background-size: cover;
}
.landing-text2{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.landing-text2 h1{
    font-size: 500%;
    font-weight: 700;
}
.padding{
    padding: 10px 0;
}
.padding img{
    width: 100%;
}
#fixed{
    background: url(img/background.jpg) no-repeat center center fixed;
    display: table;
    height: 40%;
    position: relative;
    width: 100%; 
    background-size: 100%;
}
footer {
    width: 100%;
    background-color: #23415c;
    padding: 5% 5% 10% 5%;
    color: #fff;

}
.fa{
    padding: 15px;
    font-size: 25px;
    color: #fff;
}

.fa:hover{
    color: #d5d5d5;
    text-decoration: none;
}

.icon{
    max-width: 200px;
}

.small_font{
    font-size: 18px;
}

@media(max-width: 768px){
    .landing-text h1{
        font-size: 300%
    }
    .fa{
        font-size: 20px;
        padding: 10px;
    }
    .icon{
        padding-top: 5%;
        max-width: 100px;
    }
}

#contact {
  bottom: 100%;
}

#about{
    bottom: 100%;
}

#lms{
    bottom: 100%;
}

#abFlag{
    box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);
}

#pricing{
    bottom: 100%;
}
/*--- iOS Landing Page Fix
section {
 	position: relative;
 	width: 100%;
 	height: 100%;
 	display: table;
}
.home-wrap {
 	clip: rect(0, auto, auto, 0);
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
}
#home {
	background-image: url('img/mountains.jpeg');
 	position: fixed;
 	display: table;
 	top: 0;
 	left: 0;
 	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	-webkit-transform: translateZ(0);
          transform: translateZ(0);
	will-change: transform;
	z-index: -1;
}
.landing-text {
	z-index: 100;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
--*/

/*--- iOS Fixed Image Fix 
figure {
	position: relative;
	width: 100%;
	height: 60%;
}
.fixed-wrap {
	clip: rect(0, auto, auto, 0);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#fixed {
	background-image: url('img/background.jpg');
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	-webkit-transform: translateZ(0);
          transform: translateZ(0);
	will-change: transform;
}
--*/