@media only screen and (min-width:769px) and (max-width:1300px) {    
    

#superfish-2 .sf-depth-1, #superfish-1 .sf-depth-1, #block-gtranslate-gtranslate:after {
    font-size: 1.2vw !important;
}

#superfish-1, #superfish-2 {
    align-content: flex-start;
    justify-content: flex-start;
}
}

@media only screen and (min-width:1300px) and (max-width:1500px) {    
   
   #superfish-1, #superfish-2 {
    align-content: flex-start;
    justify-content: flex-start;
}

}

@media only screen and (min-width:140px) and (max-width:440px) {    


}

@media only screen and (min-width:140px) and (max-width:739px)  and (orientation: portrait) {    

.ceobg {
    top: -80px;
}

}

@media only screen and (min-width:140px) and (max-width:739px) {    
    
    .search-row {
    height: auto !important;
}
    
    
    body {
        overflow-x: hidden !important;
    }

.instagramblock2 {
  position: relative;
  left: 0px !important;
}

.prefacethird {
    margin-left: 0px !important;
    width: 100% !important;
    margin-top: 40px;
    margin-bottom: 10px;
}

.redannounce {
    left: 0px;
    width: 100%;

}



.branding {
  margin-top: 15px;
}

.formobileonly {
display: inline !important;
}

.notthatmobile {
display: none;
}

.topmenu {
  margin-top: 0px;
}

.searchbar {
    margin-top:0px;
  
}

.martop {
margin-top: 20px;
}


input.form-submit, a.button {
display: inline !important;
}

.sf-menu.sf-style-blue {
background: #1f487c;
left: 0px;
margin-bottom: auto;
font-size: 10px;
width: 100%;
height: 30px;
padding-top: 5px;
padding-bottom: 5px;
}

.sf-menu.sf-style-blue a {
color: white;
}

.sf-menu.sf-style-blue a:hover {
background: #d35207;
color: white;
}

.sf-menu.sf-style-blue li li {
  background: #1f487c;
}

.secondary-menu {
display: none !important;
}

.social {
top: 113px;
left: -10px;
z-index: 500;
}

.socialbtn {
  margin-right: 3px;
}

.form-actions input {
display: none;
}



.sf-sub-indicator {
background: url('../images/arrows-ffffff.png') no-repeat -10px -100px !important;
}

.sf-menu.sf-style-default a {
}

.sf-menu.sf-style-default li, .sf-menu.sf-style-default.sf-navbar {
padding-top: 0px;
padding-left: 0px !important;
margin-right: 0px !important;
left: 0px !important;
}

.topmenu {
  position: absolute;
  top: 100px;
  text-align: center;
margin-left: 10px;
}

.topmenu a {
text-decoration: none;
color: white;
margin-right: 0px;
font-size: 10px;
}

.topmenunotmobile {
display: none;
}

.topmenu a:hover {
color: lightgray;
}


img#logo {
position: absolute;
top: -10px;
height: auto;
width: 100%;
left: 0px;
max-width: 500px;
}

.mobiletoporange {
display: block;
position: relative;
background: #d35207;
width: 100%;
height: 52px;
top:-14px;
margin-bottom: -33px;
margin-top: 100px;
}


.sf-menu.sf-style-default li:hover, {
background: none;
}

.sf-menu.sf-style-default li.sfHover, .sf-menu.sf-style-default a:focus, .sf-menu.sf-style-default a:hover, .sf-menu.sf-style-default a:active {
background: #d35207;
}


.notmobile {
display: none;
}

.frontslides {
  width: 100%;
}

.brownbox {
width: 100%;
height: 77px;
padding-top: 20px;
padding-left: 0px;
padding-right: 0px;
margin-top: -20px;
}

img.brownimage {
padding-top: 20px;
padding-left: 60px;
width: 20% !important;
height: auto !important;
float: none !important;
position: relative;
top: -89px;
left: -43px;
max-height: 80px;
max-width: 80px;
}

.broboxtext {
left: 10%;
}

.bluebox {
width: 100%;
padding: 0px;
margin-top: 0px;
height: 170px;
max-height: 170px;
margin-bottom: 40px;
}

.big {
padding: 5px;
padding-left: 20px;
padding-top: 15px;
}

.ceotext {
  padding-left: 20px;
  padding-right:10px;
padding-bottom: 10px;
}

.ceobg {
width: 100%;
position: relative !important;
float: none !Important;
}

div#zone-preface-wrapper .calendar {
left:-10px; 
width:105.5%;
height:250px;
}

.newsblock {
width: 100%;
height: 228px;
left: 0px;
}

.footertext {
float: none;
position: relative;
text-align: center;
width: 100%;
top: 100px;
z-index: 500;
}

.footertext2 {
  text-align: center;
  position: relative;
  top: -40px;
}

.footerlink {
  position: relative;
  top: 40px;
}

.footerimg {
float: none;
position: relative;
top: 17px;
display: block;
margin-left: auto;
margin-right: auto;
}

.footerall {
  text-align: center;
}

.socialfooter {
  position: relative;
  top: 10px;
  margin-left: 50%;
  left: -30px;
display: inline !important;
}

.social
{
  display: none;
}

.footersecond {
position: relative;
top: -104px;
left: 0px;
}



.bluemenu select
{

background-color: #1f487c !important;
color: white !important;
width: 100%;
height: 35px;
font-size: 16px !important;
padding-left: 38%;
margin-bottom: -1px;
border: none !important;
border-color: none !important;
margin-bottom: 16px;
}

.leftbrownbox {
width: 100%;
padding-left: 0px;
padding-right: 0px;
display: none;
}

.leftbrownbox img.brownimage  {
padding-top: 20px;
padding-left: 60px;
width: 20% !important;
height: auto !important;
float: none !important;
position: relative;
top: -10px;
left: -43px;
max-height: 80px;
max-width: 80px;
}

.leftbroboxtext {
left: -7px;
float: right;
}

.shroleftbroboxtext {
position: relative;
margin-left: 27%;
top: -60px; 
color: white;
}

.headermobile img {
  width: 100%;

}

.view .date-nav-wrapper .date-heading h3 a{ 
color: white;
text-decoration: none;
position: relative;
left: 5%;
}

.calblock {
  display: none;
}

.calendar-calendar td a {
  font-weight: bold !important;
}

.marginbot {
  margin-bottom: -20px;
}

.arblock {
margin-bottom: 40px !important;
}


}

