body{
    font-family: "Filson Soft", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    color: white;
}
h1{
    font-size: 48px;
    font-weight: 800;
    line-height: 54px;
    color: #fad720;
    margin-bottom: 8px;
}
h2{
    font-size: 36px;
    font-weight: 800;
    line-height: 42px;
    color: #fad720;
    margin-bottom: 8px;
}
h3{
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: #fad720;
    margin-bottom: 8px;
}
h4{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #fad720;
    margin-bottom: 8px;
}
h5{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #fad720;
    margin-bottom: 8px;
}
.heading1{
    font-size: 48px;
    font-weight: 800;
    line-height: 54px;
    color: #fad720;
}
.heading2{
    font-size: 36px;
    font-weight: 800;
    line-height: 42px;
    color: #fad720;
}
.heading3{
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: #fad720;
}
.heading4{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #fad720;
}
.heading5{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    color: #fad720;
}
p{
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    color: white;
    margin-bottom: 24px;
}
a{
    color: #ff6055;
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
}
.color-lb{
    color: #2bbcef !important;
}
.color-db{
    color: #3076af !important;
}
.color-y{
    color: #fad720 !important;
}
.color-w{
    color: white !important;
}

input[type="text"],
input[type="email"]{
    height: 69px;
    border-radius: 8px;
    box-shadow: 4px 4px 0px 1px #3076af;
    font-family: "Filson Soft";
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    padding: 0 28px;
    border: none;
    width: 100%;
    max-width: 470px;
}
input[type="text"]:active,
input[type="email"]:active,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="text"]:hover,
input[type="email"]:hover{
    border: none;
}
input[type="email"]::placeholder,
input[type="text"]::placeholder{
    color: #e4e4e3;
}

.button,
input[type="submit"]{
    border-radius: 8px;
    background-color: #fad720;
    color: #5aa0c1 !important;
    font-family: "Filson Soft", sans-serif;
    font-size: 18px;
    font-weight: 800;
    height: 69px;
    padding: 0 28px;
    box-shadow: 4px 5px 0px 1px #3076af;
    min-width: 180px;
}
input[type="submit"]:hover{
    box-shadow: 2px 3px 0px 1px #3076af;
}
input[type="submit"]:focus,
input[type="submit"]:active{
    box-shadow: none;
    left: 2px;
    top: 3px;
}

.container{
    max-width: 1440px;
    margin: 0 auto;
}
#et_menu{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 26px 0;
    z-index: 9;
}
#et_menu .menu{
    float: right;
    padding: 0;
    margin: 21px 0;
    display: block;
}
#et_menu .menu li{
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    margin-right: 24px;
}
#et_menu .menu li a{
    color: #fad720;
}
#et_menu .menu li a:hover{
    text-decoration: underline;
}
#et_top_panel{
    padding-top: 122px;
    background-color: #2bbcef;
    border-bottom: 9px solid #493527;
    overflow: hidden;
    padding-bottom: 100px;
    background-image: url('../images/skyline.svg');
    background-repeat: no-repeat;
    background-position: center bottom -4px;
    position: relative;
}
form{
    max-width: 700px;
    margin: 0 auto;
    padding-top: 28px;
    text-align: center;
}
#et_form{
    position: relative;
    z-index: 9;
}
#et_form #egg_code{
    width: calc( 100% - 230px );
    float: left
}
#et_form input[type="submit"]{
    float: right;
}

#et_search_panel{
    padding: 48px 0;
    background-color: #139DDA;
    border-bottom: 9px solid #493527;
}

#how_it_works{
    overflow: hidden;
    position: relative;
}
#how_it_works .row{
    display: flex;
}
#how_it_works .left-bg{
    background-color: #2bbcef;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
}
#how_it_works .right-bg{
    background-color: #139dda;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
}
#how_it_works .left-col{
    background-color: #2bbcef;
    padding: 91px 54px;
}
#how_it_works .right-col{
    background-color: #139dda;
    padding: 91px 54px;
}
#about_lion_eggs{
    background-color: #f8f8f8;
    padding: 91px 0 120px 0;
}
#et_footer{
    background-color: #3076af;
    height: 159px;
    padding: 30px;
}

#et_footer a {
    color: white;
}

.cover-image{
    border-radius: 8px;
    border: 20px solid #139dda;
    margin-bottom: 24px;
}


.image-gallery{
    border: 18px solid #493527;
    border-radius: 10px;
    overflow: hidden;
    height: 450px;
    width: 100%;
    position: relative;
}
.image-gallery ul{
    margin: 0;
    padding: 0;
    width: 99999999999px;
    left: 0;
    height: 414px;
    display: block;
}
.image-gallery ul li{
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    height: 414px;
}
.image-gallery ul li img{
}
.image-gallery > img{
    width: 100%;
    height: 414px;
}