::selection {
  color: #ffffff;
  background-color: #ef6c34;
}
body,
html {
  height: 100%;
  background-color: #fcf8f2;
}
#wrapper {
  position: relative;
  min-height: 100%;
  padding-bottom: 100px;
}
body {
  padding: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #151c2e;
}
.containter {
  padding-top: 10px;
}
a {
  color: #151c2e;
}
a:hover {
  color: #ef6c34;
  text-decoration: none;
  transition: all 0.3s;
}
h1.name-title {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #151c2e;
  font-size: 7em;
  font-weight: 700;
  margin-top: 40px;
}
h1.sub-title {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #ef6c34;
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 20px;
}
p.contact-block {
  text-align: center;
}
p.main {
  text-align: center;
}
span.contact-info {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  color: #ef6c34;
  font-style: italic;
  margin-left: 20px;
}
h1.title-button {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #151c2e;
  font-size: 1.5em;
  font-weight: 600;
}
h1.toggle-title {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #151c2e;
  font-size: 3em;
  font-weight: 600;
  margin: 30px 0 20px 0;
}
@media (max-width: 700px) {
  h1.name-title {
    font-size: 2.5em;
  }
  h1.sub-title {
    font-size: 1.5em;
  }
}
@media (max-width: 700px) {
  .btn {
    margin-bottom: 20px;
  }
}
.hr-margin {
  margin-top: 40px;
}
#pdf-alert {
  text-align: center;
  color: #ef6c34;
  font-size: 1.5em;
}
#experience {
  display: none;
}
#experience h4 {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  color: #ef6c34;
}
#portfolio {
  text-align: center;
  display: none;
}
#portfolio h4 {
  text-align: center;
  font-weight: 700;
}
#portfolio img {
  max-width: 150px;
  margin: 0 10px 5px 0;
  border: 1px solid #efefef;
}
p.bold {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
a:link img {
  opacity 1.0;
  filter: alpha(opacity=100);
}
a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=60);
  transition: all 0.3s;
}
.fancybox-caption {
  text-align: center;
  font-size: 1.2em;
}
#button-wrapper {
  text-align: center;
  margin-top: 40px;
}
.btn .btn-primary {
  background-color: #151c2e;
  color: #ffffff;
}
.btn-toggles { 
  color: #ffffff; 
  background-color: #151C2E; 
  border-color: #151C2E;
} 
.btn-toggles:hover, 
.btn-toggles:focus, 
.btn-toggles:active, 
.btn-toggles.active, 
.open .dropdown-toggle.btn-toggles { 
  color: #ffffff; 
  background-color: #EF6C34; 
  border-color: #151C2E; 
} 
.btn-toggles:active, 
.btn-toggles.active, 
.open .dropdown-toggle.btn-toggles { 
  background-image: none; 
} 
.btn-toggles.disabled, 
.btn-toggles[disabled], 
fieldset[disabled] .btn-toggles, 
.btn-toggles.disabled:hover, 
.btn-toggles[disabled]:hover, 
fieldset[disabled] .btn-toggles:hover, 
.btn-toggles.disabled:focus, 
.btn-toggles[disabled]:focus, 
fieldset[disabled] .btn-toggles:focus, 
.btn-toggles.disabled:active, 
.btn-toggles[disabled]:active, 
fieldset[disabled] .btn-toggles:active, 
.btn-toggles.disabled.active, 
.btn-toggles[disabled].active, 
fieldset[disabled] .btn-toggles.active { 
  background-color: #151C2E; 
  border-color: #151C2E; 
} 
.btn-toggles .badge { 
  color: #151C2E; 
  background-color: #ffffff; 
}