/**
* Connect Myriad font
*/

@font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('../fonts/MYRIADPRO-REGULAR.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('../fonts/MYRIADPRO-LIGHT.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('../fonts/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('../fonts/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('../fonts/MYRIADPRO-BOLDIT.woff') format('woff');
}



/**
* Customize elements styles
*/

.hero-1 .front-content h1 {
    font-family: 'Myriad Pro Semibold';
    font-size: 57px;
    margin-bottom: 20px;
}

.main-text-container {
    max-width: 600px;
    margin: 0 auto;
}

.hero-1 .front-content img.logo {
    margin-bottom: 10px;
    max-width: 170px;
}

.hero .background-content .bg-overlay {
    background: transparent;
}

.hero .background-content .bg-pattern {
    display: none;
}



/**
* Media queries
*/

@media only screen and (max-width: 768px), only screen and (max-height: 630px)
{
    .hero-1 .front-content h1 {
        font-size: 47px;
    }
}

@media only screen and (max-width: 600px), only screen and (max-height: 500px)
{
    .hero-1 .front-content h1 {
        font-size: 40px;
    }

    .hero-1 .front-content img.logo {
        margin-bottom: 15px;
        max-width: 150px;
    }
}


@media only screen and (max-width: 480px), only screen and (max-height: 410px)
{
    .hero-1 .front-content h1 {
        font-size: 35px;
    }

    .hero-1 .front-content img.logo {
        margin-bottom: 15px;
        max-width: 150px;
    }
}

@media only screen and (max-width: 400px), only screen and (max-height: 310px)
{
    .hero-1 .front-content h1 {
        font-size: 30px;
    }

    .hero-1 .front-content img.logo {
        margin-bottom: 10px;
        max-width: 130px;
    }
}

@media only screen and (max-width: 355px) ,only screen and (max-height: 280px)
{
    .hero-1 .front-content h1 {
        font-size: 25px;
    }

    .hero-1 .front-content img.logo {
        margin-bottom: 10px;
        max-width: 130px;
    }
}