body { 
   background: #183f6f; }
   
.wrap { 
   width: 1320px; 
   position: relative; }
   
header {
   margin: auto;
   height: auto;
   padding: 15px 0;
   background: #fff;
   border-bottom: 5px #1f99b9 solid;
   width: 100%;
   z-index: 101;
   position: relative;
   float: none;
   display: block;
   z-index: 1001;}   

      
.logo {
   width: 280px;
   display: inline-block;
   vertical-align: middle; }
   
   .logo img {
      position: relative;
      width: auto;
      margin: 0 auto;
      z-index: 1001;
      display: block;
      background: none;
      padding: 0;
      text-align: center;
      width: 280px;}

article.share-item {
   width: 100%;
   margin-bottom: 1em;
   max-width: 380px;
}

.graphic {
   width: 100%;
   margin-bottom: .25em;
}

.graphic img {
   width: 100%;
   height: auto;
   display: block;
}
.share-links {
   font-size: 80%;
   padding: .25em .5em; }
   
.share-link { 
    }
   
   .share-link:hover {
      background: #4c6bb9;
      color: white; }
  
.partner-logo {
   max-height: 130px;
   vertical-align: middle;
   display: inline-block;
   margin: 0 1em; }
   
.actions-buttons {
   width: 50%;
   margin-bottom: 1em;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction:row;
}  
   .home .actions-buttons { width: 100%; }

.actions-buttons > a {
   flex:1 1 auto;
   text-align:center;
   padding: 1.25em;
   margin: 0 2em 0 0;  /* and that, will result in a 10px gap */
   -webkit-transition: all .35s ease-in-out;
   -moz-transition: all .35s ease-in-out;
   -ms-transition: all .35s ease-in-out;
   -o-transition: all .35s ease-in-out;
   transition: all .35s ease-in-out; 
}
.actions-buttons > a:last-child {
   margin: 0;
}
.actions-buttons > a:hover {
   -moz-transform: scale(1.05);
   -webkit-transform: scale(1.05);
   -o-transform: scale(1.05);
   -ms-transform: scale(1.05);
   transform: scale(1.05);
}   
  
/* Responsive Video */
.video-container {
   position: relative;
   padding-bottom: 100%;
   padding-top: 0;
   height: 0;
   margin-bottom: .2em;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-container video { 
   position: absolute;
   top: 0;
   left: 0;
   width: 100%    !important;
   height: auto   !important;
}

/* Site Footer
------------------------------------ */
footer {
   border-top: 5px #1f99b9 solid;
   padding: 1em 0;
   color: white;
   position: relative;
   z-index: 99;
   text-align: center;
   width: 100%;
   margin: 0 auto; }   

footer .logo {  
   z-index: 2;
  position: absolute;
  top: 1em;
  left: 0;
  max-width: 180px;
  }
  
footer .share { 
   position: absolute;
   top: 1em;
   right: 0;
   font-size: 100%;
   font-weight: 600; }
   
   footer .share .icons {
      color: white;
      font-size: 80%; }
  
@media (max-width : 1000px) {
   footer .logo {  
      position: relative;
      bottom: initial;
      left: initial;
      max-width: 180px;
      top: 0px;
      display: block;
	  }
  }
  
@media (min-width : 1500px) {
	footer .logo {  
	  left: 0;
	  }
  }

  
footer .logo img {  
	width: 100%;
  }
  
footer .footer {  
	padding: 1em;
	color: white;
	color: rgba(255,255,255,.7);
  }

footer .nav {
   display: block;
   font-size: 100%;
   font-weight: 600;
   margin-bottom: 1em; }
   
   footer .nav a { margin-left: 30px; }
   footer .nav a:first-child { margin-left: 0; }

footer a {  
  color: white;
  }
  
footer a:hover,
footer a:focus {  
  color: white;
  }