/* CSS HEX *
    --cultured: #f2f2f2;
    --medium-candy-apple-red: #df1a2d;
    --bordeaux: #95010f;
    --gainsboro: #dddddd;
    --eerie-black: #191919;


     SCSS RGB
    $cultured: rgba(242, 242, 242, 1);
    $medium-candy-apple-red: rgba(223, 26, 45, 1);
    $gainsboro: rgba(221, 221, 221, 1);
    $eerie-black: rgba(25, 25, 25, 1);

    font-family: 'Scarecrow';
    font-family: 'Poppins';
    font-family: 'Raleway';

    */
    .page-header {
        min-height: 30vh;
        background: rgb(34,0,3);
        background: -moz-linear-gradient(180deg, rgba(34,0,3,0.5) 0%, rgba(223,25,44,0.5) 95%);
        background: -webkit-linear-gradient(180deg, rgba(34,0,3,0.5) 0%, rgba(223,25,44,0.5) 95%);
        background: linear-gradient(180deg, rgba(34,0,3,0.5) 0%, rgba(223,25,44,0.5) 95%);
        position: relative;
        background-color: rgba(149,1,15, 0.6);
    }
    .page-header #startchange {
        position: absolute;
        top: 50%;
        left: 50.45%;
        transform: translateX(-50%);
        background: transparent;
        width:100px;
        height: 10px;
    }
    .page-header .bgimg{
        position: absolute;
        background-image: url(../img/news/bg-news.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1;
        height: 100vh;
        width: 100vw;
    }
    .page-header .red-square {
        position: absolute;
        top: 0;
        left: 50.45%;
        transform: translateX(-50%);
        background: rgb(201,40,44);
        background: -moz-linear-gradient(180deg, rgba(201,40,44,1) 7%, rgba(162,0,15,1) 50%);
        background: -webkit-linear-gradient(180deg, rgba(201,40,44,1) 7%, rgba(162,0,15,1) 50%);
        background: linear-gradient(180deg, rgba(201,40,44,1) 7%, rgba(162,0,15,1) 50%);
        width:100px;
        height: 100%;
    }
    .page-header .white-line {
        position: absolute;
        top: 10%;
        left: 50.45%;
        transform: translateX(-50%);
        background: rgba(242, 242, 242, 0.4);
        width:1px;
        height: 90%;
        background: rgb(201,40,44);
        background: -moz-linear-gradient(180deg, rgba(201,40,44,0.5) 0%, rgba(242,242,242,0.500437675070028) 15%, rgba(242,242,242,1) 45%);
        background: -webkit-linear-gradient(180deg, rgba(201,40,44,0.5) 0%, rgba(242,242,242,0.500437675070028) 15%, rgba(242,242,242,1) 45%);
        background: linear-gradient(180deg, rgba(201,40,44,0.5) 0%, rgba(242,242,242,0.500437675070028) 15%, rgba(242,242,242,1) 45%);
    }
    .page-header h1 {
        position: absolute;
        top: 60%;
        left:50%;
        transform: translate(-50%, -50%);
        font-family:  'Scarecrow';
        z-index: 3;
        color: #f2f2f2;
        letter-spacing: 1px;
        font-size: 50px;
    }