/*==============================================
Common styles
================================================*/

div.pageWrapper {
    margin: 0 auto;
    width: 50rem;
    max-width: 100%;
    overflow: hidden;
    padding: 1.875rem 0 2.5rem 0;
}

.pageWrapper h1 {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-size: 2.8125rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
    margin-top: 1.875rem;
    color: #e00400;
    line-height: 0.6;
}

.pageWrapper h2 {
    color: #e00400;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 0.5rem 0;
}

.pageWrapper p {
    margin-top: 0rem;
    color: #222;
    font: 0.8125rem "Source Sans Pro", Arial, Helvetica, sans-serif;
    line-height: 1.4;
    margin-bottom: 0.8125rem;
}

.pageWrapper a {
    color: #9c110f;
}

.pageWrapper a:link {
    outline: none;
}

.pageWrapper a,
a:link {
    text-decoration: none;
}

/*==============================================
Intro
================================================*/

p.intro {
    color: #222;
    font: 1.125rem "Source Sans Pro", Arial, Helvetica, sans-serif;
    margin: 1.25rem 0 1.125rem;
    font-weight: 300;
    line-height: 1.6;
}

.mainWrap {
    padding-top: 0.01rem;
}

.container {
    padding-top: 1.5rem;
}

/*==============================================
Intro Images
================================================*/

.link_tile {
    font-size: 0.9375rem;
    line-height: 1.6;
    font-weight: 700;
    display: inline-block;
    margin: 1.25rem 0 1.25rem 0;
}

.link_tile a {
    color: #000;
}

.link_tile a:hover {
    color: #bb0000;
}

.column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.press-mail {
    margin: 0.625rem 0;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.press-mail div {
    margin: 0.5rem 0 1.25rem 0 !important;
}

.press-mail .press {
    margin-right: 1.875rem !important;
    width: 13.75rem;
}

.press-mail .mail {
    width: auto;
}

.press-mail .mail img {
    vertical-align: text-top;
}

.spikey,
.all {
    max-width: 100%;
    height: auto;
}

.press-mail img {
    vertical-align: top;
}

svg.icon-svg {
    display: inline-block;
    width: 26px; 
    height: 21px;
    vertical-align: middle;
    background: white;
}

g.svgpath {
    fill: #e00400;
}

/*==============================================
Line seperator
================================================*/

hr {
    border: none;
    border-top: 1px solid #ccc;
    border-bottom: none;
    width: 100%;
    height: 0.125rem;
    margin: 2.1875rem auto !important;
    text-align: left;
}

/*==============================================
Article
================================================*/

.a-left {
    float: left;
}

.a-right {
    float: right;
}

/*==============================================
Bottom
================================================*/

.darkGrey-1 {
    padding-top: 1.125rem;
}

.darkGrey-1 span {
    color: #ef6000;
}

.grey_line-1,
.grey_line-2 {
    border-top: 1px solid #ccc;
    width: 100%;
}

.wrapnot {
    white-space: pre-wrap;
}

.grey_line-2 {
    clear: both;
}

.darkGrey-2 {
    padding-top: 0.9375rem;
}

.celebrating {
    margin-bottom: 1.01rem !important;
}

.spikey {
    float: right !important;
    padding: 0.3125rem 0 0.3125rem 0;
}

/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for medium screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {}

/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
    .m-wrap {
        padding: 0 2.5rem;
    }
    .column>div {
        width: auto;
        margin-right: 0.625rem;
    }
    .wrapnot-2 {
        white-space: nowrap;
    }
}

/* styles for medium screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
    html {
        min-width: 18.75rem;
    }
    .m-wrap {
        padding: 0 2.5rem;
    }
    /*=============================== Resizing the images by 3/4 in pixel*/
    .img1 {width: 86px; height: 86px;}
    .img2 {width: 118px; height: 50px;}
    .img3 {width: 60px; height: 75px;}
    .img4 {width: 111px; height: 90px;}
    
    /*=============================== article*/
    .press-mail {
        justify-content: flex-start;
        flex-direction: column;
    }
    .darkGrey-1,
    .spikey {
        float: left !important;
        padding: 0.3125rem 0 0.3125rem 0;
    }
    .darkGrey-1 {
        min-width: 23rem;
    }
    .wrapnot {
        white-space: nowrap;
    }
    img.a-left.all {
        margin-bottom: 0.4rem;
    }
}

/* styles for medium screens (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}