/**infoblock**/#full-width-slider { width: 100%; color: #000; } .coloredBlock { padding: 12px; background: rgba(255,0,0,0.6); color: #FFF; width: 200px; left: 20%; top: 5%; } .infoBlock { position: absolute; top: 30px; right: 30px; left: auto; max-width: 25%; padding-bottom: 0; background: #FFF; background: rgba(255, 255, 255, 0.8); overflow: hidden; padding: 20px; } .infoBlockLeftBlack { color: #FFF; background: #000; background: rgba(60,60,60,0.6); left: 30px; right: auto; } .infoBlock h4 { font-size: 20px; line-height: 1.2; margin: 0; padding-bottom: 3px; } .infoBlock p { font-size: 14px; margin: 4px 0 0; } .infoBlock a { color: #FFF; text-decoration: none; } .infoBlock a:hover{ text-decoration: underline; } .photosBy a { color: #000; } .fullWidth { max-width: 1172px; margin: 0 auto 1em auto; } .royalSlide img{ width:100%; height:auto; } @media screen and (min-width:960px) and (min-height:660px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 520px !important; } .royalSlide img{ height:100%; width:auto; } } @media screen and (min-width:960px) and (min-height:1000px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 660px !important; } } @media screen and (min-width: 0px) and (max-width: 800px) { .royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow { height: 300px !important; } .royalSlide img{ height:100%; width:auto; } .infoBlock { padding: 10px; height: auto; max-height: 100%; min-width: 40%; left: 5px; top: 5px; right: auto; font-size: 12px; } .infoBlock h3 { font-size: 14px; line-height: 17px; } }/**End Infoblock**/