@import 'pricing.css';


body{
    height:100%;
}

.navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
.navbar .navbar-header{
    text-align: center;
}
.navbar .navbar-collapse {
    text-align: center;
    margin-top:10px;
}

@media (min-width: 768px) {
    
    .mobile-logo{
        display:none;
    }

    .navbar-amy {        
        background-color: transparent;
    }

    .navbar-amy-white{
        background-color: white;
    }
    .navbar-amy>li>a :hover{
        background-color:white;        
    }
    .navbar-amy a {
        margin-left:20px;
        margin-right:20px;
    }

    .contact-detail{
        font-family: 'Lato', sans-serif;
        font-size:50px; 
    }

    .contact-icon{
        font-size:50px; 
    }

    h1.intro-title{
        font-family: 'Lato', sans-serif;
        font-size:53px; 
    }

    .intro-text{
        font-family: 'Lato', sans-serif;
        font-size:24px; 
        color:#555555;
    }

}

@media (max-width: 768px) {
    .navbar-amy {
        background-color: white;
    }
    .contact-detail{
        font-family: 'Lato', sans-serif;
        font-size:20px; 
    }
    .main-logo{
        display:none !important;
    }
    .contact-icon{
        font-size:20px; 
    }
    h1.intro-title{
        font-family: 'Lato', sans-serif;
        font-size:20px; 
    }

    .intro-text{
        font-family: 'Lato', sans-serif;
        font-size:16px; 
        color:#555555;
    }
}

.navbar-amy a {
    font-family: 'Lato', sans-serif;
    font-size:14px;
    color: black;
}
.navbar-amy .nav li a:hover {
  outline: none;
  background-color: transparent;
}
.navbar-amy .nav li a:focus,
.navbar-amy .nav li a:active {
  outline: none;
  background-color: transparent;
}
.navbar-amy .nav li.active a {
  outline: none;
  color: rgb(43,192,191);
}
.section {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    /*min-height: 100vh; /* These two lines are counted as one :-)       */

    display: flex;
    justify-content: center;
    align-items: center;
}

.section-body{
    text-align: center;
}

.intro{
       
    background: url(../img/desk_bg.jpg) no-repeat bottom center scroll;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.services{
    background-color: rgb(43,192,191);

    padding-top:100px;
    padding-bottom:100px;
    color:white;
    font-family: 'Lato', sans-serif;


}

.service-icon{
  font-size:100px;
}

h2.service-sub-heading{
    font-size:48px;
}

p.service-text{
    font-size:22px;
}

.pricing-section{
    padding-top:100px;
    padding-bottom:100px;
    font-family: 'Lato', sans-serif;

    background: url(../img/shelf_bg.jpeg) no-repeat bottom center scroll;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.about{
    background-color: rgb(43,192,191);
    padding-top:100px;
    padding-bottom:100px;
    color:white;
    font-family: 'Lato', sans-serif;
    font-size:22px;
}

.contact{   
    padding-top:100px;
    padding-bottom:100px;
    background: url(../img/light_bg.jpg) no-repeat bottom center scroll;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.navbar-amy .navbar-toggle{
	padding-bottom:0px;
	padding-top:5px;
	padding-right:0px;
}



.btn-amy{
    background-color:rgb(43,192,191);
    color:white;
    font-size:20px;
}



a.contact-detail{
    color:black;
}

a.contact-detail:hover{
    color:#666666;
    text-decoration: none;
}

footer{
    font-family: 'Lato', sans-serif;
    font-size:14px; 
    color:#555555;
    padding-top:3px;
    padding-bottom:3px;
}