/*!
 * 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)
 */

 html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    }

    @-moz-document url-prefix() {
        body {
            font-weight: 400;
        }
    }


body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-family: 'Recoleta', serif;
	zoom: 80%; /* Adjust the percentage as needed */


}

.about{
	font-size:20px;
	color:black;
	text-align:center;
	}
.about:hover{
	color:black;
	cursor: pointer;
	}

p{
	font-weight:normal;
}

h1{
	text-align:center;
	font-weight:bold;
	font-size: 40px;
	margin-bottom:5px;
	}
	
h2{
	text-align:center;
	}
	
h3 a{
	font-weight: bold;
	text-align:center;
	color:black;
	}
h3 a:hover{
	font-weight: bold;
	text-align:left;
	color:black;
	text-decoration: none;
	}
h3{
	font-weight: bold;
	text-align:left;
	color:black;
	}
	
h4 a{
	font-weight: bold;
	text-align:center;
	color:black;
	}
h4 a:hover{
	font-weight: bold;
	text-align:left;
	color:black;
	text-decoration: none;
	}
h4{
	font-weight: normal;
	text-align:left;
	color:black;
	/*text-transform:uppercase;*/
	font-size:24px;
	}

.portfolio-item {
	padding: 0;
}
.img-responsive {
	max-width: 90%;
    max-height: 90%;
	opacity:1;
	box-shadow: 5px 5px 2px #888888;
}

.img-responsive:hover {
	opacity:0.4;
}

footer {
    margin: 10px 0;
    text-align:center;
}

.i-am-centered {  
	margin: 0 auto;
	float:none;
    width: 80%;

    }
.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
    margin:auto;
}
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}
ul, li {
	list-style: none;
	 display: inline;
}
ul {
	white-space: nowrap;
	text-align: center;
	}
#dropdownMenuButton, .btn-secondary {color: black; background-color:rgba(0,0,0,0); 
      border:0; vertical-align:middle;}
.dropdown-menu{min-width:80px;}
.dropdown-item{color:black; padding-left:5px;}
.dropdown-item:hover{color:gray;}
.btn{
	padding:0px;
	}


@media (max-width: 767px) {
  h1, h2, h3, h4, h5, p {
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    padding: 0 10px;
  }

  .img-responsive {
    max-width: 100% !important;
    height: auto !important;
  }

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

  .row.no-gutter [class*='col-'] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}