/*!
 * Start Bootstrap - 3 Col Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.portfolio-item {
    margin-bottom: 25px;
}

footer {
    margin: 50px 0;
}

h1 { 
color: #009999
}

h2 { 
color: #009999
}

h3 { 
color: #009999
}

.button {
  padding: 10px 25px;
  font-size: 24px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #009999;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
  font-weight:bolder;
}

.button:hover {
	background-color: #FF3333; 
	text-decoration:none;
}

.button:active {
  background-color: #009999;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#custom {
  background-image: url(../images/aboutS.png);
  background-color: transparent;
  background-repeat: no-repeat;
  border:hidden;
}

#custom:hover {
  background-image: url(../images/aboutSclick.png);
  background-color: transparent;
  background-repeat: no-repeat;
}

#custom1 {
  background-image: url(../images/aboutF.png);
  background-color: transparent;
  background-repeat: no-repeat;
  border:none;
}


#custom1:hover {
  background-image: url(../images/aboutFclick.png);
  background-color: transparent;
  background-repeat: no-repeat;
}


 .embed-container { 
 position: relative; 
 padding-bottom: 56.25%; 
 height: 0; 
 overflow: hidden; 
 max-width: 100%; 
 }
 
 .embed-container iframe, .embed-container object, .embed-container embed { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 }