/********************** DEFAULT STYLES **********************/

*, body {
    margin: 0;
    padding: 0;
   /* overflow-x: hidden;*/
   font-family: 'Montserrat', sans-serif;
}

.clear {
    clear: both;
}


/************************************************************/

@media screen and (min-width: 280px)  {

    .largecard .storyimage {
        background-size: auto 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        transition: 0.3s;
    }
        .largecard:hover .storyimage {
            background-size: auto 115%;
        }

    .storycard:hover .storyimage {
        background-size: auto 115%;
    }

    .storycard .storyimage {
        background-size: auto 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        transition: 0.3s;
    }
    .storycard:hover .storyimage {
        background-size: auto 115%;
    }

    .socialbox {
        background-image: url('../images/ONTennis_redesign_background.jpg');
        background-size: auto 100%;
        background-position: 50%;
        background-repeat: no-repeat;
    }

    #magazines {
        background-image: url('../images/printMagazine_spread.jpg');
    }

    #img01 {
        background-image: url('../images/Frames_social.jpg');
    }

    #img02 {
        background-image: url('../images/FayeRemembered_social.jpg');
    }

    #img03 {
        background-image: url('../images/Mboko_social.jpg');
    }

    #img04 {
        background-image: url('../images/NBO_social.jpg');
    }

    #img05 {
        background-image: url('../images/fitchman21_social.jpg');
    }

    #img06 {
        background-image: url('../images/dabrowskiInsights_social.jpg');
    }

    #img07 {
        background-image: url('../images/DCM_social.jpg');
    }

    #img08 {
        background-image: url('../images/Recover21_social.jpg');
    }

    #img09 {
        background-image: url('../images/volunteers2021_social.jpg');
    }

    #img10 {
        background-image: url('../images/toquetennis21_social.jpg');
    }

    #img11 {
        background-image: url('../images/CouchTennis_social.jpg');
    }

    #img12 {
        background-image: url('../images/GameSetMatch_social.jpg');
    }

    #img13 {
        background-image: url('../images/CompSenior_social.jpg');
    }

    #img14 {
        background-image: url('../images/ftbb20_social.jpg');
    }

    #img15 {
        background-image: url('../images/bubbletennis20_social.jpg');
    }

    #img16 {
        background-image: url('../images/yonexracquets_social.jpg');
    }

    #img17 {
        background-image: url('../images/pandemictennis20_social.jpg');
    }

    #img18 {
        background-image: url('http://www.ontennis.ca/images/DoublesDreamTeam_social.jpg');
    }

    #img19 {
        background-image: url('http://www.ontennis.ca/images/Bruno_social.jpg');
    }

    #img20 {
        background-image: url('http://www.ontennis.ca/images/Sebov_social.jpg');
    }

    #img21 {
        background-image: url('http://www.ontennis.ca/images/40Love_2013_social.jpg');
    }

    #img22 {
        background-image: url('http://www.ontennis.ca/images/RebootMain20_social.gif');
    }

    #img23 {
        background-image: url('http://www.ontennis.ca/images/Awards_Main19_social.jpg');
    }

    #img24 {
        background-image: url('http://www.ontennis.ca/images/Open_Main20_social.jpg');
    }

    #img25 {
        background-image: url('http://www.ontennis.ca/images/Senior_Main20_social.jpg');
    }

    #img26 {
        background-image: url('http://www.ontennis.ca/images/U10_Main20_social.jpg');
    }

    #img27 {
        background-image: url('http://www.ontennis.ca/images/U12_20_social.jpg');
    }

    #img28 {
        background-image: url('http://www.ontennis.ca/images/U14_20_social.jpg');
    }

    #img29 {
        background-image: url('http://www.ontennis.ca/images/U16_20_social.jpg');
    }

    #img30 {
        background-image: url('http://www.ontennis.ca/images/U18_20_social.jpg');
    }

    #img31 {
        background-image: url('http://www.ontennis.ca/images/RacquetGuys_social.jpg');
    }

    #img32 {
        background-image: url('http://www.ontennis.ca/images/MakeMark_social.jpg');
    }

    #img33 {
        background-image: url('http://www.ontennis.ca/images/Mayfair_social.jpg');
    }

    #img34 {
        background-image: url('http://www.ontennis.ca/images/ACESbianca_social.jpg');
    }

    #img35 {
        background-image: url('http://www.ontennis.ca/images/Shaw_social.jpg');
    }

    #img36 {
        background-image: url('http://www.ontennis.ca/images/TelvinMain_social.jpg');
    }

    #img37 {
        background-image: url('http://www.ontennis.ca/images/DenisCatchUp_social.jpg');
    }

    #img38 {
        background-image: url('http://www.ontennis.ca/images/Rocks_social.jpg');
    }

    #img39 {
        background-image: url('http://www.ontennis.ca/images/DifferentStrokes_social.jpg');
    }

    #img40 {
        background-image: url('http://www.ontennis.ca/images/growingupdownunder22_social.jpg');
    }

    #img41 {
        background-image: url('http://www.ontennis.ca/images/canadaGames22_social.jpg');
    }

    #img42 {
        background-image: url('http://www.ontennis.ca/images/mayfairproleague_social.jpg');
    }

    #img43 {
        background-image: url('http://www.ontennis.ca/images/1_LaurelRob_main_social.jpg');
    }

    #img44 {
        background-image: url('http://www.ontennis.ca/images/Tabilot22_social.jpg');
    }

    #img45 {
        background-image: url('http://www.ontennis.ca/images/ClubMed22_social.jpg');
    }

    #img46 {
        background-image: url('http://www.ontennis.ca/images/watchmoredoubles22_social.jpg');
    }

    #img47 {
        background-image: url('http://www.ontennis.ca/images/UTRratings_main.jpg');
    }

    #img47 {
        background-image: url('http://www.ontennis.ca/images/UTRratings_social.jpg');
    }

    #img48 {
        background-image: url('http://www.ontennis.ca/images/CE_01_Story1_social_nobadge.jpg');
        background-size: auto 110%;
            background-position: 60% 100%;
            background-repeat: no-repeat;
            transition: 0.3s;
    }
            #img48:hover {
                background-size: auto 125%;
            }

    #img49 {
        background-image: url('http://www.ontennis.ca/images/compEdge_02_social_nobadge.jpg');
        background-position: 40% 50%;
    }

    #img50 {
        background-image: url('http://www.ontennis.ca/images/compEdge_03_social_nobadge.jpg');
        background-position: 40% 50%;
    }

    #img51 {
        background-image: url('http://www.ontennis.ca/images/compEdge_04_social_nobadge.jpg');
        background-position: 50% 50%;
    }

    #img52 {
        background-image: url('http://www.ontennis.ca/images/compEdge_05_social_nobadge.jpg');
        background-position: 50% 50%;
    }

    #img53 {
        background-image: url('http://www.ontennis.ca/images/compEdge_06_social_nobadge.jpg');
        background-position: 50% 50%;
    }

    #img54 {
        background-image: url('http://www.ontennis.ca/images/compEdge_07_social_nobadge.jpg');
        background-position: 50% 50%;
    }

    #img55 {
        background-image: url('http://www.ontennis.ca/images/compEdge_08_social_nobadge.jpg');
        background-position: 50% 50%;
    }

    #img56 {
        background-image: url('http://www.ontennis.ca/images/compEdge_09_social_nobadge.jpg');
        background-position: 50% 50%;
    }

}

/************************************************************/

@media screen and (min-width: 320px)  {


}

/************************************************************/

@media screen and (min-width: 375px)  {

}

/************************************************************/

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {

}

/************************************************************/

@media screen and (min-width: 414px)  {
        
}

/************************************************************/

@media screen and (min-width: 480px)  {

}

/************************************************************/

@media screen and (min-width: 568px) {

}

/************************************************************/

@media screen and (min-width: 667px) {

    /*large image*/

    .largecard .storyimage {
        background-size: auto 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        transition: 0.3s;
    }

    .largecard:hover .storyimage {
        background-size: auto 115%;
    }

    /********/

    .storycard .storyimage {
        background-size: auto 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        transition: 0.3s;
    }

    .storycard:hover .storyimage {
        background-size: auto 115%;
    }

    .socialbox {
        background-size: 100% auto;
        background-position: 50%;
        background-repeat: no-repeat;
    }

}

/************************************************************/

@media screen and (min-width: 736px)  {


}

/************************************************************/

@media screen and (min-width: 768px)  {

    .largecard .storyimage {
        background-position: 50%;
    }

}

/************************************************************/

@media screen and (min-width: 820px)  {

    .storycard .storyimage {
        background-size: 100% auto;
        background-position: 50%;
    }

}

/************************************************************/

@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3) {

}

/************************************************************/

/*ipad air portrait*/
@media only screen 
    and (min-device-width: 820px) 
    and (max-device-width: 1180px) 
    and (-webkit-min-device-pixel-ratio: 2)  
    and (orientation: portrait)  {

}

/************************************************************/

@media screen and (min-width: 992px)  {

    /*large image*/

    .largecard .storyimage {
        background-size: auto 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        transition: 0.3s;
    }

    .largecard:hover .storyimage {
        background-size: auto 115%;
    }

    /********/

    .storycard .storyimage {
        background-size: 100% auto;
        background-position: 50%;
        background-repeat: no-repeat;
        transition: 0.3s;
    }

    .storycard:hover .storyimage {
        background-size: 115% auto;
    }

    .socialbox {
        background-size: 100% auto;
        background-position: 50%;
        background-repeat: no-repeat;
    }

}

/************************************************************/

@media screen and (min-width: 1024px)  {

}

/************************************************************/

/*ipad pro portrait*/
@media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1366px) 
    and (-webkit-min-device-pixel-ratio: 2)  
    and (orientation: portrait)  {


}

/************************************************************/

@media screen and (min-width: 1115px)  {

				
}

/************************************************************/

@media screen and (min-width: 1266px)  {

}

/************************************************************/

@media screen and (min-width: 1280px)  {

    .storycard .storyimage {
        background-size: auto 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        transition: 0.3s;
    }

    .storycard:hover .storyimage {
        background-size: auto 115%;
    }

}

/************************************************************/

@media screen and (min-width: 1366px)  {

}

/************************************************************/


@media screen and (min-width: 1600px)  {

}

/************************************************************/

@media screen and (min-width: 1920px)  {

}

/************************************************************/