* {
  box-sizing: border-box;
}
body {
   font: 400 15px Lato, sans-serif;
   line-height: 1.5;
   color: #818181;
   
 }
 .sglogo {
  background-color: #000000;

 }
 .sglogo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

 h2 {
   font-size: 24px;
   text-transform: uppercase;
   color: #303030;
   font-weight: 600;
   margin-bottom: 30px;
   font-family: Lato;
 }
 h4 {
   font-size: 19px;
   line-height: 1.375em;
   color: #303030;
   font-weight: 400;
   margin-bottom: 15px;
 }  
 .jumbotron {
   background-color: #f4511e;
   color: #fff;
   padding: 100px 25px;
   font-family: Montserrat, sans-serif;
 }
 .container-fluid {
   padding: 30px 0px;
 }
 .bg-grey {
   background-color: #ebebeb;
 }
 .logo-small {
   color: #f4511e;
   font-size: 50px;
 }
 .logo {
   color: #f4511e;
   font-size: 200px;
 }
 .thumbnail {
   padding: 0 0 15px 0;
   border: none;
   border-radius: 0;
 }
 .thumbnail img {
   width: 100%;
   height: 100%;
   margin-bottom: 10px;
 }
 .item h4 {
   font-size: 19px;
   line-height: 1.375em;
   font-weight: 400;
   font-style: italic;
   margin: 70px 0;
 }
 .item span {
   font-style: normal;
 }
 .panel {
   border: 0px solid #f4511e; 
   border-radius:10px !important;
   transition: box-shadow 0.5s;
 }
 .panel:hover {
   box-shadow: 5px 0px 40px rgba(0,0,0, .2);
 }
 .panel-footer .btn:hover {
   border: 1px solid #f4511e;
   background-color: #fff !important;
   color: #f4511e;
 }

 .panel-heading {
  color: #fff !important;
  background-color: #f4511e !important;
  padding: 5px;
  border-bottom: 0px solid transparent;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.panel-body{
  display:block;
  width:100%;
  height: 200px;
  overflow:hidden;
  }
  .panel-body img{
    display:block;
    height: 100%;
    overflow:hidden;
    margin-left: auto;
margin-right: auto;
    }
 .panel-footer {
   background-color: white !important;
 }
 .panel-footer h3 {
   font-size: 30px;
 }
 .panel-footer h4 {
   color: #aaa;
   font-size: 18px;
 }
 .panel-footer .btn {
   margin: 15px 0;
   background-color: #f4511e;
   color: #fff;
 }
 .navbar {
   margin-bottom: 0;
   background-color: #f4511e;
   z-index: 9999;
   border: 0;
   font-size: 10px !important;
   line-height: 1.42857143 !important;
   letter-spacing: 0.045em;
   border-radius: 0;
   font-family: Montserrat, sans-serif;
 }
 .navbar li a, .navbar .navbar-brand {
   color: #fff !important;
 }
 .navbar-nav li a:hover, .navbar-nav li.active a {
   color: #f4511e !important;
   background-color: #fff !important;
 }
 .navbar-default .navbar-toggle {
   border-color: transparent;
   color: #fff !important;
 }

/* Dropdown */
.open .dropdown-toggle {
 color: #f4511e ;
 background-color: #f4511e !important;
}

/* Dropdown links */
.dropdown-menu li a {
 color: #fff !important;
}

.navbar-nav > li > .dropdown-menu { background-color: #f4511e;
}

/* On hover, the dropdown links will turn red */
.dropdown-menu li a:hover {
 background-color:#fff !important;
}
 footer .glyphicon {
   font-size: 20px;
   margin-bottom: 20px;
   color: #f4511e;
 }
 .slideanim {visibility:hidden;}
 .slide {
   animation-name: slide;
   -webkit-animation-name: slide;
   animation-duration: 1s;
   -webkit-animation-duration: 1s;
   visibility: visible;
 }
 @keyframes slide {
   0% {
     opacity: 0;
     transform: translateY(70%);
   } 
   100% {
     opacity: 1;
     transform: translateY(0%);
   }
 }
 @-webkit-keyframes slide {
   0% {
     opacity: 0;
     -webkit-transform: translateY(70%);
   } 
   100% {
     opacity: 1;
     -webkit-transform: translateY(0%);
   }
 }
 @media screen and (max-width: 768px) {
   .col-sm-4 {
     text-align: center;
     margin: 20px 0;
   }
   .btn-lg {
     width: 100%;
     margin-bottom: 35px;
   }
   .column4 {
    flex: 50%;
    max-width: 50%;
  }
 }
 
 @media screen and (max-width: 480px) {
   .logo {
     font-size: 150px;
   }
   .column3 {
    flex: 100%;
    max-width: 100%;
  }
    .column4 {
    flex: 100%;
    max-width: 100%;
  }
 }
 .glyphicon {
   color: #f4511e;
 }
 .link img {

   margin: auto;    
   display: block;
}
.presenter {
   transition: box-shadow 0.5s;
 }
 .presenter:hover {
   box-shadow: 5px 5px 5px rgba(0,0,0, .2);
 }

 .flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.flex-container > div {
  width: 150px;
  margin: 5px 25px;
  text-align: center;
}

.btn {
  margin: 15px 0;
  background-color: #f4511e;
  color: #fff;
}