* { 
    /* border: solid red 1px !important; */
    /* margin: 3px;
    padding: 3px; */
}


@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700&display=swap');
/* vietnamese */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3aZQNVED7rKGKxtqIqX5EUAnx4RHw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3aZQNVED7rKGKxtqIqX5EUA3x4RHw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Josefin Sans Regular'), local('JosefinSans-Regular'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3FZQNVED7rKGKxtqIqX5EctlltdF0hspo.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3FZQNVED7rKGKxtqIqX5EctlltdV0hspo.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3FZQNVED7rKGKxtqIqX5Ectllte10h.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

.davinci-a-bg{ 
    background: #010101 url(../images/25.jpg?v=1) no-repeat center ;
    height: 520px;
    width: 100%;
    position: relative;
}

.davinci-a-bg-footer { 
    background: rgba(0,0,0,0.60);
    position: absolute;
    bottom: 0;
    width: 100%;
}

.davinci-a-bg-footer-content { 
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 120px;
    padding:0 125px;
}


.davinci-a-bg-footer h1 { 
    font-size: 40px;
    color: #FFFFFF;
    font-family: 'Josefin Sans', sans-serif;
    font-weight:700;
    margin: 0;
    padding-top:10px;
}
.davinci-a-bg-footer-a:hover { 
    text-decoration: none;
    color: white;
}
.davinci-a-bg-footer-a:focus { 
    color:#fff;
    text-decoration:none;
}

.davinci-a-bg-footer-a {
    padding: 20px 40px 10px;
    border-radius: 44px;
    text-decoration: none;
    font-size: 40px;
    color: #FFFFFF;
    text-shadow: 0 2px 6px rgba(0,0,0,0.50);
    background: #cd0203;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd0203), color-stop(50%, #b30708), color-stop(51%, #a40809), color-stop(100%, #940709));
    background: -webkit-linear-gradient(top, #cd0203 0%, #b30708 50%, #a40809 51%, #940709 100%);
    background: -moz-linear-gradient(top, #cd0203 0%, #b30708 50%, #a40809 51%, #940709 100%);
    background: -ms-linear-gradient(top, #cd0203 0%, #b30708 50%, #a40809 51%, #940709 100%);
    background: -o-linear-gradient(top, #cd0203 0%, #b30708 50%, #a40809 51%, #940709 100%);
    background: linear-gradient(to bottom, #cd0203 0%, #b30708 50%, #a40809 51%, #940709 100%);
    -webkit-box-shadow: 0 3px #b94147;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.50);
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    font-weight:700;
}

@media only screen and (max-width: 990px) { 
    .davinci-a-bg{
        height: 450px; 
        background-size: 1900px 520px;
    }
    .davinci-a-bg-footer-content { 
        padding:0px;
    }
    .davinci-a-bg-footer h1,
    .davinci-a-bg-footer-a { 
    font-size: 35px;
    }
}

@media only screen and (max-width: 820px) { 
    .davinci-a-bg{
        height: 450px;
        background-size: 1600px 450px;
    }

    .davinci-a-bg-footer h1,
    .davinci-a-bg-footer-a { 
    font-size: 30px;
    }
}

@media only screen and (max-width: 650px) { 
    .davinci-a-bg{
        height: 400px;
        background-size: 1400px 400px;
    }
}

@media only screen and (max-width: 600px) { 
    .davinci-a-bg{
        height: 320px;
        background-size: 1200px 320px;
    }
    .davinci-a-bg-footer-content { 
        height: 100px;
    }
}

@media only screen and (max-width: 550px) { 
    .davinci-a-bg{
        height: 300px;
        background-size: 1100px 300px;
    }
    .davinci-a-bg-footer { 
        justify-content: space-between;
    }
    .davinci-a-bg-footer h1,
    .davinci-a-bg-footer-a { 
    font-size: 24px;
    white-space: nowrap;
    }
    .davinci-a-bg-footer h1 { 
        margin-left: 30px;
    }
    .davinci-a-bg-footer-a { 
        margin-right: 30px;
        padding: 12px 30px;
    }

}

@media only screen and (max-width: 450px) { 
    .davinci-a-bg{
        height: 250px;
        background-size: 900px 250px;
    }
    .davinci-a-bg-footer h1,
    .davinci-a-bg-footer-a { 
    font-size: 22px;
    }
    .davinci-a-bg-footer h1 { 
        margin-left: 15px;
    }
    .davinci-a-bg-footer-a { 
        margin-right: 15px;
    }
    .davinci-a-bg-footer-content { 
        height: 80px;
    }
}

@media only screen and (max-width: 400px) { 
    .davinci-a-bg{
        height: 220px;
        background-size: 700px 220px;
    }
    .davinci-a-bg-footer h1,
    .davinci-a-bg-footer-a { 
    font-size: 20px;
    font-weight: 600;
    }
    .davinci-a-bg-footer h1 { 
        margin-left: 0px;
    }
    .davinci-a-bg-footer-a { 
        margin-right: 0px;
        padding: 12px 20px;
    }
    .davinci-a-bg-footer-content { 
        height: 70px;
    }
}

@media only screen and (max-width: 400px) { 
    .davinci-a-bg{
        height: 200px;
        background-size: 700px 200px;
    }
    .davinci-a-bg-footer h1,
    .davinci-a-bg-footer-a { 
    font-size: 18px;
    font-weight: 600;
    }
    .davinci-a-bg-footer h1 { 
        margin-left: 10px;
    }
    .davinci-a-bg-footer-a { 
        margin-right: 15px;
        padding: 10px 15px;
    }
}