:root{
    --jwiz-blue: #357db7;
    --jwiz-red: #c52429;
    --default-white: #e1e1e1;
    --default-black: rgb(51, 51, 51);
    --default-grey: rgb(119, 119, 119);
    --default-heading: rgb(21, 21, 21);
    --default-subheading: rgb(90, 90, 90);
}

#about, #services, #gallery{
    scroll-margin-top: 50px;
    scroll-snap-margin-top: 50px;
}

a{
    text-decoration: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.fixed-top{
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.carousel-child{
    height: 97vh;
    background: no-repeat center center scroll;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.section-header{
    font-weight: bold;
}

#header-text{
    z-index: 30;
    top:20%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    min-width: 280px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

#header-text h1{
    font-weight: bold;
}

#contact iframe{
    width: 320px;
    height: 200px;
}

#contact ul{
    line-height: 35px;
    font-size: .9rem;
}

#contact p, footer, footer a{
    font-size: .8rem;
}

@media (min-width: 576px){
    #header-text{
        width: 400px;
    }
}

@media (min-width: 992px){
    #header-text{
        width: 780px;
    }
}