#videoBG {position:fixed;z-index:-10000;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);background-size:cover}
#topheader {width:80%;height:20px;background:#505050;padding:5px 10%;position:fixed;z-index:5000}
#topheader > #uppermost-left {float:left;width:50%;height:20px;line-height:20px}
#topheader > #uppermost-right {}
/***==========================***\
    The Shimmer Magic
\***==========================***/
#topheader > #uppermost-left > div a.shimmer,#topheader > #uppermost-right > div a.shimmer {
  background:-webkit-gradient(linear,-10% 0%, 110% 0%, from(#fff),to(#fff),color-stop(.5,#fff));
  background:-moz-gradient(linear,-10% 0%, 110% 0%, from(#fff),to(#fff),color-stop(.5,#fff));
  background:gradient(linear,-10% 0%, 110% 0%, from(#fff),to(#fff),color-stop(.5,#fff));
  -webkit-background-size:14px 100%;
  -moz-background-size:14px 100%;
  background-size:14px 100%;
  -webkit-background-clip:text;
  -moz-background-clip:text;
  background-clip:text;
  -webkit-animation-name:shimmer;
  -moz-animation-name:shimemr;
  animation-name:shimmer;
  -webkit-animation-duration:2s;
  -moz-animation-duration:2s;
  animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  background-repeat:no-repeat;
  background-position:0 0;
  color:#FF7F00;
  text-decoration: none;
  font-weight: 800;
}
@-webkit-keyframes shimmer {0%{background-position:top left}100%{background-position:top right}}
@-moz-keyframes shimmer {0%{background-position:top left}100%{background-position:top right}}
@-ms-keyframes shimmer {0%{background-position:top left}100%{background-position:top right}}
@-o-keyframes shimmer {0%{background-position:top left}100%{background-position:top right}}
@keyframes shimmer {0%{background-position:top left}100%{background-position:top right}}
#topheader > #uppermost-left > div > span,#topheader > #uppermost-right > div > span {color:#ccc;font-size:12px;line-height:21px;font-weight:800}
.fullwrapper {width:70%;margin:100px 15% 60px;float:left;display:block}
#left-section {float:left;display:block;text-align:center;width:28%;min-height:40vh;margin:0 2% 0 0;background:#505050}
#navigation {float:left;display:block;width:80%;margin:0 10%}
#navigation ul {padding:0}
#navigation ul li {float:left;display:block;width:100%;margin:0 0 20px}
#navigation ul li a {text-decoration:none;color:#f3f3f3;font-size:1.3em;font-family:'times new roman',sans-serif;font-weight:bold}
#social {float:left;width:80%;margin:10px 10% 40px}
#social h2 {color:#f3f3f3}
#social ul {padding:0;margin:0}
#social li {float:left;width:33.33333%;display:block;margin:0;padding:0}
#social a {font-size:27px;color:#fff;transition:color 200ms}
#social a:hover {color:#686868}
#address-section {width:80%;text-align:left;margin:0 10% 15px}
#address-section p {color:#f3f3f3;line-height:1.1;font-size:small}
#main-section {width:60%;float:left;min-height:400px;padding:40px 5%;background:#505050}
#main-section .post-title h1 {text-align:center;font-size:3rem;font-family:'Times New Roman'}
.homepage-section {float:left;width:100%;height:auto;clear:both}
.homepage-section h1 {float:left;width:100%;text-align:center;font-size:2.7rem;margin:0 0 30px;color:#f3f3f3;font-family:'Times New Roman', sans-serif}
.homepage-section p {font-size:1.3rem;line-height:1.1;margin:0 0 30px;font-weight:500;color:#f3f3f3}
#homepage-images {float:left;display:block;width:100%;text-align:center;margin:0 0 30px}
#homepage-images img {float:left;width:100%;position:relative}


footer{background-color:#505050;color:#fff;border-top:9px solid #FF7F00;padding:0 20% 25px;margin-top:30px;bottom:0;position:relative;float:left;width:60%}
.footer-container{padding:41px 0 0;position:relative;width:100%;margin:0 auto;float:left}
footer .navi{float:left;width:70%}
footer .foot-logo{float:left;height:100px;text-align:left}
footer .foot-logo img{float:left;height:100px}
footer .foot-nav{float:left;clear:both;width:100%;display:block;margin: 25px 0 38px}
footer .foot-nav ul{padding:0;margin:0}
footer .foot-nav li{float:left;display:block;margin:0 8px;padding:0}
footer .foot-nav a{color:#fff;font-size:15px;transition:color 200ms;text-decoration:none}
footer .foot-nav a:hover{color:#686868}
footer .info{float:left;width:30%}
footer .info .social{text-align:center;margin:37px 10px 30px}
footer .social .fab,footer .social .fa{line-height:31px;font-size:27px;padding:0 9px}
footer .social a{display:inline-block;color:#fff;margin:0 8px;transition:color 200ms}
footer .social a:hover{color:#686868}
footer .legal{text-align:center}
footer .legal p{font-size:10px;line-height:15px;letter-spacing:.02em;color:#fff}
footer .legal a{text-decoration:underline;color:#fff;font-weight:700;transition:all 200ms}
footer .legal a:hover{text-decoration:none;color:#686868}
footer .logos{float:left;clear:both;width:100%;height:80px;text-align:left;display:inline-block}
footer .logos a{width:21%;float:left;height:80px;margin:0 2%}
footer .logos svg{float:left;display:block;width:100%;height:40px;padding:20px 0}
#scrolltopbtn{position:fixed;bottom:25px;right:55px;color:#fff;font-size:10px;border:none;border-radius:8px;background:#FF7F00;padding:10px;transotion:color 200ms}
#scrolltopbtn:hover{color:#686868}

@media screen and (min-width:320px) and (max-width:479px){
  #topheader {height:auto}
  #uppermost-left {width:100% !important;height:auto !important;margin:0 0 2px}
  #uppermost-right {float:left;width:100%}
  .fullwrapper {width:90%;margin:100px 5% 60px}
  #left-section {width:100%;margin:0 0 30px}
  #main-section {width:90%}
  footer {width:90%;padding:0 5% 20px}
  footer .navi {}
  footer .info {}
}
@media screen and (min-width:480px) and (max-width:767px){
  
}
@media screen and (min-width:768px) and (max-width:1199px){
  
}
@media screen and (min-width:1200px) and (max-width:1500px){
  
}




















