/*
// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/



@media screen and (min-width: 576px) {

    .web-body{
        font-family: 'Merriweather Sans', sans-serif !important;
        font-size: 15px;        
    }

   .quote {
    font-family: 'Tangerine', cursive;
    font-size: 30px;
    font-weight: bold;
   }

   .quote-writer {
    font-family: 'Tangerine', cursive;
    font-size: 20px;
    font-weight: bold;
    }

    .margin-top-pages{
        padding-top:10%;       
    }

    .gallary-image{
        width:20%; margin-top:0%; margin-left:20%;text-align: center;
    }

    .heading{
        font-size:1.9em;
        font-weight: bold;
        width: 100%;
        text-align: center;
        margin-top:10%;
    }

}

@media screen and (max-width: 576px) {


    .web-body{
        font-family: 'Merriweather Sans', sans-serif !important;
        font-size: 10px;        
    }

    .quote {
     font-family: 'Tangerine', cursive;
     font-size: 20px;
     font-weight: bold;
    }


    .quote-writer {
        font-family: 'Tangerine', cursive;
        font-size: 15px;
        font-weight: bold;
    }

    .margin-top-pages{
        padding-top: 20%;      
    }  
    
    .gallary-image{
        height:40%; margin-top:20%; margin-left:20%;text-align: center;
    }

    .heading{
        font-size:1.9em;
        font-weight: bold;
        width: 100%;
        text-align: center;
        margin-top:15%;
    }

}

@media screen and (min-width:992px) {
    .margin-top-pages{
        padding-top: 7%;      
    }

}