/* for main portion of site modifying css * /

.front-page-view-row h2 .node__title a*/

.node--view-mode-teaser h2 a,
.node--view-mode-teaser h2 a:hover {
  font-size: 92%;
  text-decoration: none !important;
  color: #07b;
}

.node--view-mode-teaser {
  border-bottom:none;
}

.layout-container {
    max-width: 83%;
}
.region-header .block:not(.site-branding) {
    margin: 1.167em 0 1em;
    width: 100%;
}
/*.region-secondary-menu-right .block-menu a,*/
.node-readmore a {
    background: #fff url(../images/buttons.png) 0 0 repeat-x;
    border: 2px solid #444444;
    border-bottom: 2px solid #141414;
    border-left-color: #323232;
    border-right-color: #323232;
    color: #3a3a3a;
    cursor: pointer;
    font-size: 0.929em;
    font-weight: normal;
    text-align: center;
    margin-bottom: 1em;
    margin-right: 0.6em;
    padding: 4px 17px;
    border-radius: 15px;
    box-shadow: 10px 10px 5px #888;
}

#block-usermenu .menu li {
  display: inline-block;
  margin-top: 2vw;
}

#block-usermenu .menu a {
  /*-webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0;*/
  color: #444;
  /*background-color: #ddd;*/
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  padding: 0.4vw;
  margin-left: 0.5vw;
}

#block-usermenu .menu a:hover {
  background: #888;
  color: white;
}


#block-usermenu {
  float: right;
}

.secondary_menu_left {
  width:48%;
  float:left;
  padding: 0.3vw;
}

.secondary_menu_right {
  width:48%;
  float:right;  
  padding: 0.3vw;
}


.front-page-view .view-content {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  justify-content: space-around;
  width: 100%;
}

.front-page-view-row {
  width: 95%;
  min-width: 220px;
}


@media only screen and (min-width: 560px) and (max-width: 850px) {
  /* For tablets: */
  .front-page-view-row {
    width: 45%;
    padding: 1vw;
    min-width: 220px;
  }
}

@media only screen and (min-width: 560px) and (max-width: 850px) {
  .region-primary-menu .menu-item, 
  body:not(:target) .region-primary-menu .menu-item {
    width:18%;
  }
}


@media only screen and (min-width: 851px) {
  /* For desktop: */
  .front-page-view-row {
    width: 25%;
    padding: 1.5vw;
    min-width: none;
  }

}