@media only screen and (min-width: 320px) and (max-width: 767px){ #masthead .site-logo { background-image: url("/asset/img/rcwr-home-logo.png"); background-size: cover; width: 206px; } .beta-wrapper{ display: none; } .beta-container{ display: none; } .alpha-container{ min-width: 310px; max-width: 750px; width:100%!important; position: relative!important; margin:auto!important; } .alpha{ min-width: 310px; max-width: 750px; width:100%!important; position: relative!important; margin:auto!important; border:none!important; } } @media only screen and (min-width: 768px) and (max-width: 819px){ #masthead-wrapper { max-width: 768px; width: 88%; } .foundation_mission{ font-size: 1.4em!important; line-height: 1.1em; text-align: right!important; } body.home #container { max-width: 768px; width: 88%; } .footer-links{ display: none; } article .beta{ display: none; } } @media only screen and (min-width: 820px) and (max-width: 1024px) { body.home #container { max-width: 1180px; width: 95%; } #masthead-wrapper{ max-width: 1180px; width: 95%; } .foundation_mission{ text-align: right; padding-top:7px; } .alpha-container { margin: 0px 40% 0px 0px!important; width: 65%!important; } .beta-container { margin-left: -40%!important; width: 35%!important; } .beta{ width: 100%; } } @media only screen and (min-width: 1025px) { body{ width: 95vw; position:relative; margin:auto!important; } body.home #container { width: 100%; padding:unset!important; } #masthead-wrapper{ position: relative; } .beta-wrapper{ } .foundation_intro_text{ padding: 15px 10px 10px 10px; } .foundation_mission{ text-align: left; padding-top:7px; padding-left: 15px; } }