/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
/*#header{
    background-color: #fff;
    
}

nav > a{
    color:#000 !important;
}*/
p{
    font-size: 1.2rem !important;
}

.banner-title{
    font-size: 1.5rem !important;
    background: rgba(0, 0, 0, 0.5) !important;
    color: #c09461 !important;
    width: 500px;
    margin: 0 auto !important;
    padding: 20px !important;
}

.icon > a{
    cursor:auto;
}

.min-height-350{
    min-height: 350px !important;
}

.min-height-550{
    min-height: 550px !important;
}

.bg-overlay{
    background: transparent !important;
}

 @media (max-width:480px)  { 
    /* smartphones, Android phones, landscape iPhone */ 
    .bg-overlay{background: transparent !important;}
    .inspiro-slider .slide .slide-captions .strong{font-size: 12px !important;}
     .inspiro-slider .slide{
        background-size: contain !important;
        background-position: center center !important;
    } 
}