﻿body {
}

@media (max-width: 320px) {

}


@media (max-width: 480px) {


    .PageContaint {
        margin: auto;
        padding: 10px;
    }

    .Content_Title_Border {
        border-bottom: solid 4px #f1540f;
        width: 60%;
        
        display: block; /* This will put the pseudo element on its own line. */
    }

    .Page_Title {
        font-size: 12pt;
        font-weight: bold;
        color: #4a033e;
        text-transform: uppercase;
    }
}

@media (max-width: 600px) {
    .Content_Title_Border {
        border-bottom: solid 4px #f1540f;
        width: 60%;
        
        display: block; /* This will put the pseudo element on its own line. */
    }

    .Page_Title {
        font-size: 12pt;
        font-weight: bold;
        color: #4a033e;
        text-transform: uppercase;
    }
}

@media (min-width: 768px) {
    .Content_Title_Border {
        border-bottom: solid 4px #f1540f;
        width: 60%;
        
        display: block; /* This will put the pseudo element on its own line. */
    }

    .Page_Title {
        font-size: 12pt;
        font-weight: bold;
        color: #ffd800;
        text-transform: uppercase;
    }
}

@media (max-width: 900px) {
    .Content_Title_Border {
        border-bottom: solid 4px #f1540f;
        width: 35%;
        
        display: block; /* This will put the pseudo element on its own line. */
    }

    .Page_Title {
        font-size: 16pt;
        font-weight: bold;
        color: #4a033e;
        text-transform: uppercase;
    }
}

@media (max-width: 1024px) {
    .Content_Title_Border {
        border-bottom: solid 4px #f1540f;
        width:35%;
        
        display: block; /* This will put the pseudo element on its own line. */
    }

    .Page_Title {
        font-size: 16pt;
        font-weight: bold;
        color: #4a033e;
        text-transform: uppercase;
    }
}


@media (min-width: 1200px) {
    .Content_Title_Border {
        border-bottom: solid 4px #f1540f;
        width: 35%;
        
        display: block; /* This will put the pseudo element on its own line. */
    }

    .Page_Title {
        font-size: 18pt;
        font-weight: bold;
        color: #4a033e;
        text-transform: uppercase;
    }



}
