/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.demo-ribbon {
  width: 100%;
  height: 40vh;
  background-color: #3F51B5;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.demo-main {
  margin-top: -35vh;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.demo-header .mdl-layout__header-row {
  padding-left: 40px;
}

.demo-container {
  max-width: 1600px;
  width: calc(100% - 16px);
  margin: 0 auto;
}

.demo-content {
  border-radius: 2px;
  padding: 80px 56px;
  margin-bottom: 80px;
}



.presentation-layout{
  display:flex;
  display: -webkit-flex;
}
.presentation-content{
  display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width:100%;
}

.presentation-grid{
  width:100%;
}


.floating-content {
  /*position:absolute;*/
  /*background-color: #ff0;*/
  position:relative;

}

.floating-content ul{
  /*background-color: #0f0;*/
}

.container-keyword{
  position:relative;
  /*background-color: #d00;*/
}

.govern{

}

.govern div.valign{
  display: table;
  width:100%;
  height:100%;

}

.govern div.valign div{
  display: table-cell;
text-align: center;
vertical-align: middle;
}

.governBg{
  height:auto;
  max-height:50%;

   /*max-height: 100%;
   max-width: 100%;
   width: 100%;
   height: auto;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;*/
}

.floating-content ul li{
  list-style: none;
  font-size:14pt;
  line-height: 17pt;
  padding: 3px
}

.floating-content.content-1 ul, .floating-content.content-3 ul {
  columns: 2;
 -webkit-columns: 2;
 -moz-columns: 2;
}

.content-keyword {
  text-transform: uppercase;
  font-weight: bold;
  font-size:17pt;
}

.floating-content.content-1 {
  padding-bottom:20pt;
}

.floating-content.content-1 div{
  position:absolute;
  bottom:0;
  left:50%;
  transform: translateX(-50%);
  color:#ff00a5;
}

.content-2-keyword div{
  position:absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  color:#008cff;
}

.floating-content.content-2 ul li{
  text-align: right;
  list-style: none;
}

.floating-content.content-3 div{
  position:absolute;
  top:0;
  left:50%;
  transform: translateX(-50%);
  color:#ff8800;

}

.floating-content.content-3 {
  padding-top:20pt;

}

.container-4-keyword .content-keyword{
  position:absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
  color:#079B7D;
}

.floating-content.content-4, .floating-content.content-2{
  display:flex;
  display: -webkit-flex;

}
div.align-middle{
  display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

div.align-middle.right ul{
  position:absolute;
  right:40px;
}

/*
.floating-content ul li{
  font-size: 16pt;
}

.content-1{
  top:0;
  left:50%;
  transform: translateX(-50%);
  height:50% - 200px;
}

.content-2{
  top:50%;
  right:0;
  transform: translateY(-50%);
}

.content-3{
  bottom:0;
  left:50%;
  transform: translateX(-50%);
}

.content-4{
  top:50%;
  left:0;
  transform: translateY(-50%);
}*/

.demo-layout.is-small-screen .demo-content {
  padding: 40px 28px;
}

.demo-content h3 {
  margin-top: 48px;
}

.demo-footer {
  padding-left: 40px;
}

.demo-footer .mdl-mini-footer--link-list a {
  font-size: 13px;
}