@media (min-aspect-ratio: 3/4) {
.background {background-image:url(../images/bg_desktop.jpg); background-position: center center;}
.logo {text-align: center;}
.height-content {height: 65vh;}
.height-widgetbox {height: auto; min-height: 35vh;}
.show-mobile-only {display: none;}
}
@media (max-aspect-ratio: 3/4) {
.background {background-image:url(../images/bg_mobile.jpg); background-position: top center;}
.logo {text-align: center;}
.height-content {height: 100vh;}
.height-widgetbox {height: auto;}
.show-mobile-only {display: block;}
}

.background {background-size: cover; background-attachment: fixed;}

/* Icon Animation */
    
    .animation {
      -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
      -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
      animation-name: example;
      animation-duration: 3s;
      animation-iteration-count: 300;
    }

    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes example {
      0%   	{color: rgba(35,166,56,1.0);}
      50% 	{color: rgba(35,166,56,0.5);}
      100%  {color: rgba(35,166,56,1.0);}
    }

    /* Standard syntax */
    @keyframes example {
      0%   	{color: rgba(35,166,56,1.0);}
      50% 	{color: rgba(35,166,56,0.5);}
      100%  {color: rgba(35,166,56,1.0);}
    }

/* End Icon Animation */