/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 10px 0 20px;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
		background:white;
    }
}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

.intro-section {
	    padding-top: 2%;
	    text-align: center;
	    padding-bottom: 28px;
	    background-size: 99% 100%;
	    min-height: 99vh;
	    background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url('../images/white-airliner-wing-on-top-of-sea-clouds-2007401.jpg');
	    background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url(../images/white-airliner-wing-on-top-of-sea-clouds-2007401.jpg);
	    background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url(../images/white-airliner-wing-on-top-of-sea-clouds-2007401.jpg);
	    background-position: top, center top;
	    background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url(../images/white-airliner-wing-on-top-of-sea-clouds-2007401.jpg);
	    background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url(../images/white-airliner-wing-on-top-of-sea-clouds-2007401.jpg);
	    background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url(../images/white-airliner-wing-on-top-of-sea-clouds-2007401.jpg);
	    background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url(../images/flight-flying-plane-air-travel-59519.jpg);
	    background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)0%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url(../images/aircraft-wing-1110670.jpg);
	    /* background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url(../images/photography-of-aircraft-wing-1056528.jpg); */
	    /* background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 25%,rgba(255, 255, 255,0.0)71%), url(../images/photography-of-airplane-during-sunrise-723240.jpg); */
	    background-repeat: no-repeat, no-repeat, no-repeat;
	    background-attachment: scroll, fixed;
	    background-size: cover;
}

.about-section {
    
padding-top: 5em;
    
padding-bottom: 70px;
    
background: url(../images/map.jpg) right top fixed;
    
text-align: center;
    
min-height: 98vh;
}

.aircrafts-section {
    /*height: 100%;*/
    padding-top: 5em;
    padding-bottom: 70px;
    text-align: center;
    background: linear-gradient(rgba(184, 233, 255, 0.5),rgba(170, 197, 224, 0.9)), url(../images/photography-of-aircraft-wing-1056528.jpg);
    background: linear-gradient(rgba(51, 101, 123, 0.7),rgba(44, 71, 99, 0.7)), url(../images/grey-and-red-airliner-wing-1687633.jpg);
    color: #ffffff;
    background: linear-gradient(45deg, rgba(16, 119, 165, 0.7),rgba(39, 80, 123, 0.9)), url(../images/high-angle-photograph-of-airplane-wings-above-the-clouds-680995.jpg);
    background-size: 100%;
    background-position: center;
    background-attachment: scroll, fixed;
}

.duk-section {
    /* height: 100%; */
    padding-top: 100px;
    text-align: center;
    background: #fff;
    padding-bottom: 70px;
}

.ambasadoriai-section {
    /* height: 100%; */
    padding-top: 100px;
    padding-bottom: 50px;
    text-align: center;
    background: #eee;
}

.contacts-section {

padding-top: 5em;

padding-bottom: 70px;

text-align: center;

background: linear-gradient(rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0.8) 80%), url(../images/photo-of-airplane-wing-above-the-clouds-1831265.jpg);

background-attachment: scroll, fixed;

background-size: 100%;

background-position: top;
}

quote {
    font-size: 1.2em;
    bottom: 5px;
    position: absolute;
}

.nav-link span {
    display: block;
    font-size: 0.9em;
}

@media (max-width:768px){
	.intro-section{
		background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)5%,rgba(255, 255, 255,0.3) 20%,rgba(255, 255, 255,0.0)71%), url(../images/aircraft-wing-1110670.jpg);
		background-position: top, center top;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-attachment: fixed, fixed;
		background-size: cover;
		}

	p.quote {
		font-size: 21px;
		font-weight: 600;
		margin: 2% auto;
		margin-bottom: 0px;
		padding: 2% 3%;
		background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
		width: 88%;
		text-align: center;
		color: #ee7a1b;
		text-align: center;
	}

	.intro-section p {
		font-size: 2em;
		line-height: 1.3em;
		margin-top: 35%;
		}

}