Welcome to the Great Try-On: Every Key Buy of the Season Tested IRL

Welcome to the Great Try-On: Every Key Buy of the Season Tested IRL

.content_main-container { margin:0px; font-family: 'Roboto', sans-serif; position: relative; background-color: #fff; } .content_column { max-width: 100%; height: auto; position: relative; overflow: hidden; } .content_row { display: flex; padding-top: 12px; justify-content: center; }/* Clear floats after image containers */ .content_row::after { content: ''; clear: both; display: table; } .content_header { overflow: hidden; max-height: 100vh; } .content_title-image { width: 100%; height: 100%; margin: 0 auto; position: relative; display: block; padding: 50px 0 0 0; } .content_img-slide a { display: inline-flex; /*width:25%;*/ border: 12px solid transparent; transition: border 1s; text-decoration: none; } .content_image-fix { width:100%; max-width: 400px; display: block; } .content_sponsored-logo { width:60%; height:auto; margin-bottom: -15px; } .content_top-sponsored-logo { width:60%; height:auto; margin-bottom: -30px; } .content_cover-tag { position: absolute; top: 75%; left: -5px; font-size: 1vw; width: 100%; height: auto; text-align: center; color:lightgrey; } .content_cover-title { position: absolute; padding-top: 125%; /* left: -5px; */ font-size: 1.2vw; width: 100%; height: auto; text-align: center; color: white; font-weight: 900; line-height: 1; } .content_page-title { position: absolute; /*text-shadow: 0 0 20px black; */ font-size: 11px; width: 100%; height: auto; /*min-height: 2em;*/ text-align: center; color: white; font-weight: 100; bottom: 0; padding-bottom: 15px; transition: bottom .4s; opacity: 1; letter-spacing: 1px; } .content_column:hover > .content_page-title { bottom: 25px; } .content_page-title-more { position: absolute; font-size: 9px; width: 100%; height: auto; text-align: center; color: white; font-weight: 300; letter-spacing: .1px; bottom: -15px; /*bottom: 0;*/ opacity: 0; transition: bottom .4s, opacity .7s; } .content_column:hover > .content_page-title-more { bottom: 20px; opacity: 1; } .content_sponsor-text { position: relative; font-size: 17px; text-align: center; color: black; font-weight: 100; letter-spacing: .01vw; text-decoration: none; margin-bottom: 15px; } .content_read-more { text-decoration:underline; font-weight:800; } .content_viewcontrol { visibility: hidden; height: 0px; } .content_header-image { margin-top: 100px; } .content_video-fix { /*border-style: solid; border-color: black; */ } @media only screen and (max-width: 3000px) and (min-width:1601px) { .content_page-title { font-size: 18px; } .content_page-title-more { font-size: 16px; } } @media only screen and (max-width: 1600px) { .content_page-title { font-size: 17px; } .content_page-title-more { font-size: 15px; } } @media only screen and (max-width: 1400px) { .content_page-title { font-size: 16px; } .content_page-title-more { font-size: 14px; } } @media only screen and (max-width: 1300px) { .content_page-title { font-size: 15px; } .content_page-title-more { font-size: 13px; } } @media only screen and (max-width: 1200px) { .content_page-title { font-size: 14px; } .content_page-title-more { font-size: 12px; } } @media only screen and (max-width: 1100px) { .content_page-title { font-size: 13px; } .content_page-title-more { font-size: 11px; } } @media only screen and (max-width: 1000px) { .content_page-title { font-size: 12px; } .content_page-title-more { font-size: 11px; } } @media only screen and (max-width: 937px) { .content_page-title { font-size: 11px; } .content_page-title-more { font-size: 10px; } } @media only screen and (max-width: 977px) { .content_page-title { font-size: 10px; } .content_page-title-more { font-size: 9px; } } @media only screen and (max-width: 819px) { .content_page-title { font-size: 9px; } .content_page-title-more { font-size: 8px; } } @media only screen and (max-width: 800px) { .content_main-container { top: 0; } /*.content_title-image { width: 90%; }*/ .content_row { display: block; text-align: center; } .content_img-slide a { width: 100%; display: flex; align-items: center; vertical-align: top; justify-content: center; } .content_page-title { bottom: 15px; font-size: 20px; /* font-weight: 600; */ } .content_column:hover > .content_page-title { bottom: 15px; } .content_page-title-more { display: none; } } @media only screen and (max-width: 600px) { .content_header-image { margin-top: 0px; } .content_header-copy { margin-top: 0px; } .content_sponsor-text { font-size: 15px; font-weight: 400; } .content_cover-tag { top:65%; font-size: 20px; } .content_cover-title { font-size: 30px; padding-top: 123%; } .content_page-title { font-size: 16px; } .content_issue-footer p { margin:0px; font-size: 18px; } .content_column { width: 90%; /* margin:20px; */ margin: auto; } .content_row { display: block; padding-top: 15px; } .content_img-slide a { border: 0px solid transparent; text-decoration: none !important; } .content_image-fix { margin: 0 auto 20px auto; } .content_viewcontrol { visibility: visible; height: auto; } } @media only screen and (max-width: 500px) { .content_page-title { font-size: 18px; } } @media only screen and (max-width: 321px) { .content_page-title-more{ font-size: 14px; } }