body {
  background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 17px;
    letter-spacing: .5px;
    color: #111;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    color: #333;
}

h1 {
	font-size: 50px;
}

h3 {
	font-weight: 200;
}

h3 {
	font-weight: 400;
}



h4 {
	color: #95a5a6;
	font-weight: 400;
	font-size: 20px;
}

.nav-link{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.3rem;
}
/* HeaderWrap */
#headerwrap, #innerwrap {
	background: url(../img/a.jpg) no-repeat center top;
	background-color: #3498db;
	background-attachment: relative;
	background-position: center center;
	min-height: 100vh;
	width: 100%;

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#headerwrap-child, #innerwrap-child{
    background: rgba(0,0,0,.7);
    padding-top:15%;
    padding-bottom:10%;
    min-height: 100vh;

}

#innerwrap {
    min-height: 200px;
}
#innerwrap-child{
    padding-top:110px;
    padding-bottom:40px;
    min-height: 220px;
}

#headerwrap h1 {
	margin-top: 60px;
	margin-bottom: 15px;
	color: white;
	font-size: 45px;
	font-weight: 300;
	letter-spacing: 1px;
}



.navbar-collapse.collapsing, .navbar-collapse.collapse.show{background: rgba(0,0,0,.95); padding: 0 10px;}
.btn-cta{background: transparent; color:#fff; border:solid 1px #fff;}
.btn-cta:hover, .btn-cta:active{background: white;}

.minScreen{min-height:calc(100vh - 317px);}

.frame-style{border:solid 2px yellow; box-shadow: 0 0px 0px 2px #343A40; transition: transform .2s;}
.frame-style:hover{transform: scale(1.03);}


.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.dark-wrapper{ z-index: 10; position: relative;
    width: 100%; padding-top:15%;
    padding-bottom:10%;
    min-height: 100vh;background: rgba(0,0,0,.7);
}

.gallery-list{list-style: none; padding: 0; margin: 0;}
.gallery-list li{
    display: inline-block;
    width:300px;
}
.gallery-list li a{
    width: 100%; display: block;
    border:solid 1px yellow;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
    margin-right:10px;
    transition: all .2s .1s linear;
}
.gallery-list li a:hover{text-decoration: none; background: yellow; color:black;}