html, body {
    font-family:Helvetica, Arial, 'Open Sans', 
    "Helvetica Neue", "文泉驛正黑", "WenQuanYi Zen Hei", 
    "儷黑 Pro", "LiHei Pro", "微軟正黑體", 
    "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}

h1 {
    font-size: 3rem;
}

.cname {
    font-family: 'Raleway', sans-serif;
    font-size: 1.5rem;
    color: #fff;
}

.xcontent h3 {
    line-height: 3rem;
}

.xcontent {
    margin-top: -200px;
    text-shadow: 2px 2px 12px rgb(51, 51, 51);
}

.md-form label {
    color: #c1c7ca;
}

.intro-1 {
    height: 1050px;
}
@media (min-width: 770px) and (max-width: 1025px) {
    .intro-1 {
        height: 750px;
    }
}
@media (max-width: 740px) {
    .intro {
        height: 600px;
    }
}

footer {
    /*margin-top: 5px !important;*/
    border-top: solid 2px #687cab;
}

.navbar {
    border-bottom: solid 2px #687cab;
}

footer, .navbar {
    background: linear-gradient(to right, #2980b9, #2d465f);
}

@media (max-width: 740px) {
    .full-height,
    .full-height body,
    .full-height header,
    .full-height header .view {
        height: 700px; 
    } 
}

@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

/*BreakPoint****************************************************************************/

/* Breakpoint XS */
@media (max-width: 575px)
{
    h1 {
        font-size: 1.8rem;
    }

    .cname {
        font-size: 1.2rem;
    }

    .xcontent h3 {
        line-height: 2rem;
        font-size: 1.2rem;
    }

    .pagetop {
        margin-top: -50px;
    }

    .t_label {
        font-size: 0.5rem;
    }


}

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{

    .pagetop {
        margin-top: -150px;
    }

    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, 
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{

    .pagetop {
        margin-top: -100px;
    }

    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
    .pagetop {
        margin-top: -50px;
    }

    .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    .pagetop {
        margin-top: -150px;
    }

    .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    } 
}