/*************
 * Section Intro Image 
**************/
.SectionIntroImageContainer{
    background-color: #ccc;
    padding: 0px;
    position: relative;
    overflow: hidden;
}
.chapterblock{
    padding: 20px;
    margin-top: 5%;
    background-color: #fff;
    position: absolute;
}
 .chapterblock h1 {
    color:#333;
    font-size: 2vw;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
}
 .chapterblock h2 {
    color:#ccc;
    font-size: 1.5vw;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    margin-top: 0px;
}
/*************
 * Text blocks 
**************/
.Title_sectiontitle {
    padding: 120 20 40 20px;
}  
.Title_sectiontitle h1 {
    color:#cc0000;
    font-size: 2vw;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'Crimson Text', serif;
}

.textblock-seriftext {
    padding: 0px;
 }  
.textblock-seriftext p {
    color:#333;
    font-size: 100%;
    font-family: 'Crimson Text', serif;
}
.textblock-centered {
    padding: 0 10 0 10px;
}
.textblock-left5050 {
    padding: 0 15 0 0px;
}
.textblock-right5050 { 
    padding: 0 0 0 15px;
}
.SubTitle-dark{

}
.SubTitle-dark h1 {
    color:#333;
    font-size: 3vw;
    letter-spacing: 0px;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
}
 .Caption{

 }
 .Caption p {
    color:#666;
    font-size: 80%;
    text-align: right;
    font-style: italic;
    padding: 10 0 0 0px;
}
/*************
 * General image Blocks 
**************/
.imageNopadding {
    padding: 0px;
}
.row{
    padding: 0;
    margin: 0;
}
.running-chart-AnnualTotals { 
    padding: 50 0 80 0px;
}
.running-KPI_unusedBlock{
    background-image: url(images/Running_blankKPIpattern.svg); 
    background-position:center top; 
    background-repeat: no-repeat; 
    background-size: 100% auto; 
    min-height: 80px;
    margin-top: 15px;
}







/*************
 * Intro 
**************/
.Title_Introtitle {
    padding: 120 20 20 20px;
}  
.Title_Introtitle h1 {
    color:#cc0000;
    font-size: 2vw;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-family: 'Crimson Text', serif;
}
.intro_body {
    padding: 0 0 100 0px;
}
.intro-Bythenumbers{
    padding: 0 0 150 0px;
}
/*.intro-Bythenumbers_Titlespacing{
    padding: 0 0 40 0px;
}
.intro-BythenumbersCell{
    padding: 0 10 20 10px;
}*/


/*************
 * Big Quote Blocks 
**************/
.textblock-BigQuoteBox-backgroundproperties{
    background-position:center top; 
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.textblock-BigQuoteBox{
    padding: 100 40 100 40px;
}
.textblock-BigQuote{
    padding: 60 40 80 40px;
}
.textblock-BigQuote h1 {
    color:#fff;
    font-size: 5vw;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    font-style: italic;
}
.rule-horline{
    max-height: 1px; min-height: 1px;
    background-color: #fff;
}



/*************
 * Race Bibs 
**************/
 .RacingBibsArea{
    padding: 20 0 30 0px;
 }
 .RacingBib{
    padding: 0 10 40 10px;
 }
.textblock-BibRaceTitles {

 }  
.textblock-BibRaceTitles h1 {
    color:#333;
    font-size: 1.3vw;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    margin: 0px;
    padding: 0 0 10 0px;
}
.textblock-BibRaceDetails {

 }  
.textblock-BibRaceDetails h2 {
    color:#999;
    font-size: 1vw;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    line-height: 1.3vw;
    margin: 0px;
    padding: 0px;
}



/*************
 * Running extremes 
**************/
.running-extremes_background{
    padding: 60 0 80 0px;
    background-image: url(images/running-extremes_background.jpg); 
    background-position:center top; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
}
.running-extremes_bgWinter_mobile{
    padding: 20 0 40 0px;
    background-image: url(images/running-extremes_winter_phone.jpg); 
    background-position:center top; 
    background-repeat: no-repeat; 
    background-size: 100% auto; 
}
.running-extremes_bgSummer_mobile{
    padding: 20 0 40 0px;
    background-image: url(images/running-extremes_summer_phone.jpg); 
    background-position:center top; 
    background-repeat: no-repeat; 
    background-size: 100% auto; 
}
.running-extremes{

}
.running-extremes h1 {
    color:#fff;
    font-size: 1vw;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
}
.running-extremes h2 {
    color:#fff;
    font-size: 3vw;
    letter-spacing: 0px;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
}
.running-extremes h3 {
    color:#fff;
    font-size: 1vw;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
}
.running-extremes h4 {
    color:#fff;
    font-size: 1.5vw;
    letter-spacing: 0px;
    text-align: center;
    text-transform: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
}

/*************
 * KPIs 
**************/
.KPIs-background{
    background-color: #CC0000;
    padding: 20 0 40 0px;
}
.KPIs-block {
    padding: 20 0 0 0px;
 } 
 .Title-KPIs{
    border-bottom-style: solid;
    border-color: #FF9999;
    border-width: 1px;
    padding: 0 0 10 0px;
    margin: 0 0 20 0px;
 }
 .Title-KPIs h1 {
    color:#fff;
    font-size: 3vw;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
}
 .textblock-KPIs {
    padding-bottom: 30px;
 }  
.textblock-KPIs h1 {
    color:#FFCCCC;
    font-size: 1vw;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
}
.textblock-KPIs h2 {
    color:#fff;
    font-size: 2vw;
    letter-spacing: 0px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}
.textcolorchangeDark {

}
.textcolorchangeDark h1{
    color:#333;
}
.textcolorchangeDark h2{
    color:#000;
}
.Title-KPIs_Black{
    border-bottom-style: solid;
    border-color: #ccc;
    border-width: 1px;
    padding: 0 0 10 0px;
    margin-bottom: 20px;
 }


/*************
 * Map 
**************/
 .Map-block{
    padding: 0px;
 }
 .Map-Title{
    padding: 0 0 10 0px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: rgba(25,37,54,0.7);
    position: absolute;
 }
 .Map-Title h1 {
    color:#fff;
    font-size: 3vw;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
} 
.Map-Title h2 {
    color:#fff;
    font-size: 1.1vw;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    margin: 0px;
    padding: 0 0 15 0px;
}
.Map-object{
    padding: 0px;
    position: relative;
    overflow: hidden;
 }
.Map-object iframe{
    height:550px; margin-top:-50px; 
}



/*************
 * Running Streak
**************/
 .RunningStreakArea{
    padding: 80 0 0 0px;
 }



/*************
 * Travel stories 
**************/
.traveling-chart-TravelingTotalsPieChart { 
    padding: 0 0 50 0px;
    clear: both;
}
.travel-chart-TravelsThusFar_Legend{
    padding: 0px;    
}
.travel-chart-TravelsThusFar{
    padding: 0px;
}
.travel-chart-TravelsThisYear{
    padding: 0px;
}
.travelContainer{
    padding: 0px;
} 
.travelBlock{
    padding: 40px;
} 

.travelBlockText{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
    padding: 0px;
}
.travelBlockText h1 {
    color:#fff;
    font-size: 4vw;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    font-style: italic;
    margin: 0px;
    padding: 0px;
}
.travelBlockText p {
    color:#fff;
    font-size: 2vw;
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    font-style: italic;
}



/*************
 * Alcohol 
**************/
.alcoholTotalssection{
    padding: 60 0 0 0px;
} 
.alcohol-Table{
    padding: 60 0 100 0px;
}



/*************
 * Caffeine 
**************/
.caffeine-coffeeroasting{
    padding: 0 0 40 0px;
}
.caffeineTotalssection{
    padding: 60 0 60 0px;
} 
/*.KPIs-caffeinebackground{
    background-color: #e2d9c7;
    padding: 20 0 40 0px;
}*/


/*************
 * Food 
**************/
.foodTotalssection{
    padding: 60 0 60 0px;
} 
.foodAssortedDetailsTitle{
    padding: 0px;
} 
.foodAssortedDetailsCharts{
    padding: 10 0 60 0px;
}


/*************
 * Entertainment 
**************/
.entertainmentSummarychart{
    padding: 40 0 40 0px;
} 
.entertainmentDetails{
    padding: 0px;
} 
.entertainmentDetailscharts{
    padding: 20 0 40 0px;
} 
.entertainment_icecreamhelments{
    padding: 0 15 0 0px;
} 










/****************
 * MEDIA QUERIES 
*****************/
@media only screen and (min-width : 1713px) {
    .KPIs-block {
        padding: 20 0 0 0px;
     } 
     .Title-KPIs{
        padding: 0 0 10 0px;
        margin-bottom: 20px;
     }
    .Title-KPIs_Black{
       padding: 0 0 10 0px;
       margin-bottom: 20px;
    }
     .Title-KPIs h1 {
        font-size: 2vw;
    }
     .textblock-KPIs {
        padding-bottom: 30px;
     }  
    .textblock-KPIs h1 {
        font-size: 1vw;
    }
    .textblock-KPIs h2 {
        font-size: 2vw;
    }
    .SubTitle-dark h1 {
    font-size: 2vw;
    }
    .textblock-BibRaceTitles h1 {
    font-size: 1.3vw;
    }
    .textblock-BibRaceDetails h2 {
    font-size: 1vw;
    line-height: 1.3vw;
    }
    .Map-Title h1 {
    font-size: 2vw;
    } 
    .Map-Title h2 {
    font-size: 1vw;
    }
    .running-extremes h1 {
    font-size: 1vw;
    }
    .running-extremes h2 {
    font-size: 3vw;
    }
    .running-extremes h3 {
    font-size: 1vw;
    }
    .running-extremes h4 {
    font-size: 1.5vw;
    }
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .Title_sectiontitle h1 {
    font-size: 4vw;
    }
    .Title_Introtitle h1 {
    font-size: 4vw;
    }
    .KPIs-block {
    padding: 40 0 0 0px;
    } 
    .Title-KPIs{
    margin-bottom: 20px;
    }
    .Title-KPIs_Black{
    margin-bottom: 20px;
    }
    .Title-KPIs h1 {
        font-size: 4vw;
    }    
    .textblock-KPIs {
    padding-bottom: 30px;
    }  
    .textblock-KPIs h1 {
        font-size: 1vw;
    }
    .textblock-KPIs h2 {
        font-size: 3vw;
    }    
    .running-KPI_unusedBlock{
    min-height: 80px;
    margin-top: 10px;
    }
    .SubTitle-dark h1 {
    font-size: 4vw;
    }
    .textblock-BibRaceTitles h1 {
    font-size: 2vw;
    }
    .textblock-BibRaceDetails h2 {
    font-size: 1.3vw;
    line-height: 1.8vw;
    }
     .Map-Title h1 {
    font-size: 4vw;
    } 
    .Map-Title h2 {
    font-size: 2vw;
    }
    .running-extremes h1 {
    font-size: 2vw;
    }
    .running-extremes h2 {
    font-size: 5vw;
    }
    .running-extremes h3 {
    font-size: 2vw;
    }
    .running-extremes h4 {
    font-size: 2.2vw;
    }
    .travelBlockText p {
    font-size: 3vw;
    }
}

/* *****Medium-ish hickup Devices, Desktops */
@media only screen and (max-width : 991px) {
    .textblock-left5050 {
        padding: 0px;
    }
    .textblock-right5050 {
        padding: 0px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .Title_sectiontitle h1 {
    font-size: 5vw;
    }
    .Title_Introtitle h1 {
    font-size: 5vw;
    }
    .KPIs-block {
    padding: 20 0 0 0px;
    } 
    .Title-KPIs{
    margin-bottom: 30px;
    }
    .Title-KPIs_Black{
    margin-bottom: 30px;
    }
    .Title-KPIs h1 {
        font-size: 6vw;
    }    
    .textblock-KPIs {
    padding-bottom: 30px;
    }  
    .textblock-KPIs h1 {
        font-size: 1.5vw;
    }
    .textblock-KPIs h2 {
        font-size: 4vw;
    }    
    .running-KPI_unusedBlock{
    min-height: 70px;
    }
    .SubTitle-dark h1 {
    font-size: 6vw;
    }
    .textblock-BibRaceTitles h1 {
    font-size: 3vw;
    }
    .textblock-BibRaceDetails h2 {
    font-size: 2vw;
    line-height: 3vw;
    }
    .Map-Title h1 {
    font-size: 6vw;
    } 
    .Map-Title h2 {
    font-size: 3vw;
    }
    .running-extremes h1 {
    font-size: 2vw;
    }
    .running-extremes h2 {
    font-size: 6vw;
    }
    .running-extremes h3 {
    font-size: 2vw;
    }
    .running-extremes h4 {
    font-size: 3vw;
    }
    .chapterblock{
    padding: 20px;
    margin-top: 5%;
    }
    .chapterblock h1 {
    font-size: 3vw;
    }
    .chapterblock h2 {
    font-size: 2vw;
    }
    .travelBlock{
    padding: 20 20 20 20px;
    } 
    .travelBlockText{
    height: auto;
    }
    .travelBlockText h1 {
    font-size: 6vw;
    padding-top: 10px;
    }
    .travelBlockText p {
    font-size: 4vw;
    padding-top: 20px;
    }
}

/* Small Devices, Tablets // reduced to 767 from 768 because of ipad problem w type */
@media only screen and (max-width : 767px) {
    .textblock-BigQuoteBox{
    padding: 50 20 50 20px;
    }
    .textblock-BigQuote{
    padding: 40 40 60 40px;
    }
    .textblock-BigQuote h1 {
    font-size: 7vw;
    }
    .Title_sectiontitle h1 {
    font-size: 5vw;
    }
    .Title_Introtitle h1 {
    font-size: 5vw;
    }
    .textblock-left5050 {
    padding: 0px;
    }
    .textblock-right5050 {
    padding: 0px;
    }
    .KPIs-background{
    padding: 0 0 40 0px;
    }
    .KPIs-block {
    padding: 50 0 0 0px;
    } 
    .Title-KPIs{
    margin-bottom: 60px;
    }
    .Title-KPIs_Black{
    margin-bottom: 60px;
    }
    .Title-KPIs h1 {
    font-size: 8vw;
    }    
    .textblock-KPIs {
    padding-bottom: 20px;
    }  
    .textblock-KPIs h1 {
    font-size: 6vw;
    }
    .textblock-KPIs h2 {
    font-size: 9vw;
    }
    .RacingBibsArea{
    padding: 40 0 0 0px;
    }  
    .SubTitle-dark h1 {
    font-size: 8vw;
    }
    .textblock-BibRaceTitles h1 {
    font-size: 4vw;
    }
    .textblock-BibRaceDetails h2 {
    font-size: 2.8vw;
    line-height: 3.2vw;    
    }  
    .Map-Title h1 {
    font-size: 8vw;
    } 
    .Map-Title h2 {
    font-size: 4vw;
    }
    .running-extremes h1 {
    font-size: 6vw;
    }
    .running-extremes h2 {
    font-size: 9vw;
    }
    .running-extremes h3 {
    font-size: 4vw;
    }
    .running-extremes h4 {
    font-size: 5vw;
    }
    .chapterblock{
    padding: 20px;
    margin-top: 5%;
    }
    .chapterblock h1 {
    font-size: 4vw;
    }
    .chapterblock h2 {
    font-size: 3vw;
    }
    .travelBlock{
    padding: 20 20 20 20px;
    } 
    .travelBlockText{
    height: auto;
    }
    .travelBlockText h1 {
    font-size: 7vw;
    padding: 10 0 10 0px;
    font-weight: 400;
    font-style: italic;
    }
    .travelBlockText p {
    font-size: 6vw;
    padding-top: 20px;
    font-weight: 400;
    font-style: italic;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .textblock-BigQuoteBox{
    padding: 50 20 50 20px;
    }
    .textblock-BigQuote{
    padding: 30 30 50 30px;
    }
    .textblock-BigQuote h1 {
        font-size: 8vw;
    }
    .Title_sectiontitle {
    padding: 80 10 20 10px;
    }  
    .Title_sectiontitle h1 {
    font-size: 7vw;
    }
    .Title_Introtitle {
    padding: 80 10 20 10px;
    }      
    .Title_Introtitle h1 {
    font-size: 7vw;
    }
    .textblock-left5050 {
        padding: 0px;
    }
    .textblock-right5050 {
        padding: 0px;
    }
    .KPIs-background{
    padding: 0 0 40 0px;
    }
    .KPIs-block {
    padding: 30 0 0 0px;
    } 
    .Title-KPIs{
    margin-bottom: 20px;
    }
    .Title-KPIs_Black{
    margin-bottom: 0px;
    }
    .Title-KPIs h1 {
    font-size: 9vw;
    }    
    .textblock-KPIs {
    padding-bottom: 30px;
    }  
    .textblock-KPIs h1 {
    font-size: 8vw;
    }
    .textblock-KPIs h2 {
    font-size: 12vw;
    }
    .running-chart-AnnualTotals { 
    padding: 50 0 40 0px;
    }
    .RacingBibsArea{
    padding: 40 0 0 0px;
    }
    .SubTitle-dark h1 {
    font-size: 9vw;
    }
    .textblock-BibRaceTitles h1 {
    font-size: 7vw;
    }
    .textblock-BibRaceDetails h2 {
    font-size: 5vw;
    line-height: 6vw;    
    }
    .Map-Title h1 {
    font-size: 9vw;
    } 
    .Map-Title h2 {
    font-size: 4vw;
    }
    .running-extremes h1 {
    font-size: 8vw;
    }
    .running-extremes h2 {
    font-size: 12vw;
    }
    .running-extremes h3 {
    font-size: 4vw;
    }
    .running-extremes h4 {
    font-size: 5vw;
    }
    .chapterblock{
    padding: 20px;
    margin-top: 5%;
    }
    .chapterblock h1 {
    font-size: 5vw;
    }
    .chapterblock h2 {
    font-size: 3.5vw;
    }
    .travelBlock{
    padding: 20 20 20 20px;
    } 
    .travelBlockText{
    height: auto;
    }
    .travelBlockText h1 {
    font-size: 7vw;
    padding: 10 0 10 0px;
    font-weight: 400;
    font-style: italic;
    }
    .travelBlockText p {
    font-size: 6vw;
    padding-top: 10px;
    font-weight: 400;
    font-style: italic;
    }
    .alcohol-Table{
    padding: 40 0 60 0px;
    }
    .foodTotalssection{
    padding: 15 0 20 0px;
    } 
    .entertainmentDetailscharts{
    padding: 10 0 20 0px;
    }
    .entertainment_icecreamhelments{
    padding: 0px;
    }  
    .intro_body {
    padding: 0 0 50 0px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {


}