/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    .logo h2 {
            font-size: 40px;
            letter-spacing: 4px;
            line-height: 34px;
            padding-bottom: 14px;
        }
    .logo-wrapper {
        width:296px;
    }
    .gallery ul li {
        float           : left;
        min-height      : 100%;
        width           : 100%;
        background-color: #000;
        list-style      : none;
    }
    #quotes .seal { width : 200px; margin: 0 auto;}
    #downloads {text-align: center;}
    .slider-1 {font-size: 25px;}
    footer {text-align:center;}
    section  {
        padding:50px 0;
        height:auto;
        display:block;
    }
    #contact .overlay {
        display:block;
        position: relative;
        height:auto;
        padding:50px 0;
        text-align: center;
    }
    #contact .formular-2 {
        padding-top:50px;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .logo h2 {
        font-size: 50px;
        letter-spacing: 4px;
        line-height: 34px;
        padding-bottom: 14px;
    }
    .logo-wrapper{
         width:351px;
    }
    .gallery ul li {
        float           : left;
        min-height      : 100%;
        width           : 100%;
        background-color: #000;
        list-style      : none;
    }
     #quotes .seal { width : 200px; margin: 0 auto;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	   
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
    }
    
    .navbar .navbar-collapse {
        text-align: center;
    }

    .logo h2 {
        font-size: 50px;
        letter-spacing: 4px;
        line-height: 34px;
        padding-bottom: 14px;
    }
    .logo-wrapper{
         width:351px;
    }
    .gallery ul li {
        float           : left;
        min-height      : 100%;
        width           : 50%;
        background-color: #000;
        list-style      : none;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .logo h2 {
        font-size: 50px;
        letter-spacing: 4px;
        line-height: 34px;
        padding-bottom: 14px;
    }
    
    .logo-wrapper{
        width:351px;
    }
    
    .gallery ul li {
        float           : left;
        min-height      : 100%;
        width           : 25%;
        background-color: #000;
        list-style      : none;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.logo h2 {
        font-size: 50px;
        letter-spacing: 4px;
        line-height: 34px;
        padding-bottom: 14px;
    }

    .logo-wrapper{
        width:351px;
    }

    .gallery ul li {
        float           : left;
        min-height      : 100%;
        width           : 25%;
        background-color: #000;
        list-style      : none;
    }
}