@import url(https://fonts.googleapis.com/css?family=Montserrat:300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Noto+Sans:400,400i,700,700i);

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900');

body {
    font-family: 'Montserrat', sans-serif;
}
@font-face {
    font-family: 'ArnoPro-Regular';
    src: url(../fonts/ArnoPro-Regular.otf);
}
.top-section
{
    background-image: url(../images/bg1.jpg);
    height: 100%;
    padding: 7rem 0rem;
    background-size: cover;
}
.in1-box
{
    background: rgba(0, 0, 0, 0.7);
    padding: 3rem;
    text-align: center;
}
.in1-text h4 {
    color: #fff;
    font-weight: 300;
    font-size: 1.2rem;
    margin-bottom: 1.3rem;
    margin-top: 1.5rem;
}
.in1-text h1 {
    color: #e6b95c;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1.3rem;
    font-family: 'Playfair Display', serif;
}
.in1-add h1{
   color: #fff;
   font-size: 2.5rem;
   font-weight: 700;
   margin-bottom: 2rem;
   margin-top: 2rem;
   font-family: 'Playfair Display', serif;
}
.in1-add
{
    color: #fff;
    margin-top: 1.5rem;
}
.in1-add a{
    color: #fff;
    text-decoration: none;
}
.in1-text p{
    color: #dedede;
}
.form-inline .form-control
{
    width: 22%;
}
.in1-form .form-control
{
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border-color: transparent;
    background: rgba(255,255,255,0.7);
    color: #fff;
}
.in1-form .btn-secondary 
{
    border-radius: 0;
    background: #05b391;
    border-color: #05b391;
}
.in1-form .form-control:focus{
    background: #fff;
    color: #000;
}
.in1-form input::placeholder
{
    color: #fff;
    font-size: 0.9rem;
}
.in1-form form{
    margin-bottom: 1.5rem;
}
.in1-form p{
    color: #fff;
    font-size: 0.7rem;
    margin-bottom: 0.5rem;
    text-align: left;
}
h4#demo 
{
    margin-top: 2rem;
    color: #fff;
    font-size: 3rem;
    font-weight: 600;
}
h4#demo span{
    font-size: 1.4rem;
    font-weight: 200;
    margin-right: 1rem;
    border-right: 1px solid #ddd;
    padding-right: 1rem;
}
h4#demo span:last-child
{
    border-right: 1px solid transparent;
}

.bootstrap-datetimepicker-widget.dropdown-menu
{
    width: 15rem;
}
.index2
{
    padding: 3rem 0rem;
    text-align: center;
}
.artist-box  img
{
    margin-bottom: 1.5rem;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
}
.artist-box h4{
    font-size: 1.2rem;
    font-weight: 200;
}
.artist-box h5{
    font-weight: 600;
}

@media (min-width: 320px) and (max-width:812px)
{
    .in1-text h4 {
        font-size: 1rem;
    }
    .in1-text h1 {
        font-size: 2rem;
    }
    .in1-text p {
        font-size: 0.9rem;
        line-height: 1.5rem;
    }
    .in1-form .form-control
    {
        margin-bottom: 1rem;
    }
    .form-inline .form-control {
        width: 100%;
    }
    .in1-form .btn-secondary
    {
        margin-left: 0rem;
    }
    h4#demo span { 
        font-size: 1rem;
        font-weight: 200;
        margin-right: 0.2rem;
        border-right: 1px solid #ddd;
        padding-right: 0.5rem;
    }
    h4#demo {
        margin-top: 2rem;
        color: #fff;
        font-size: 1.3rem;
    }
    .top-section {
        background-image: url(../images/bg1.jpg);
        padding: 2rem 0rem;
        background-size: cover;
    }
}