/*----------------------
-----Media Queries------
------------------------*/
@media (max-width: 767px) {

    .navbar {
        padding:0 20px;
    }

    #main-nav {
        background:#fff;
        box-shadow:0 1px 2px rgba(0,0,0,0.1);
    }

	#main-nav .navbar-nav li {
		display:block;
        text-align:center;
	}

	#main-nav .nav a:before {
		display:none;
	}

	#main-nav .navbar-nav #logo{
		display:none;
	}

    #main-nav .nav a{
        color:inherit;
        transition:color .2s ease-out;
    }

	#main-nav .nav .active a,
	#main-nav .nav a:hover{
        color:#28B4B4;
    }

    #main-footer [class*=row],
    #main-footer .text-right{
        text-align:center;
    }

    .section-header h1{
        font-size:38px;
    }
}

/* overiding container resizing for navbar */
@media (min-width: 768px) {
    #main-nav.container {
         width: unset;
}

@media (min-width: 1200px) {
	.jumbotron {
		min-height:600px;
	}
    .jumbotron h2{
        margin-top: 20px;
    }
}

@media (min-width: 2000px) {
    .jumbotron {
        min-height:1000px;
    }
    .jumbotron h2{
        margin-top: 200px;
        font-size: 120px;
    }
}