body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "comfortaa", sans-serif;
}

body,
html {
    height: 100%;
    color: #000;
    line-height: 1.8;
    background-color: lightgray;
}

.w3-border {
    padding: 2px;
}

#about-text {
    margin-top: 80px;
}

.bgimg-1,
.bgimg-2,
.bgimg-3 {
    opacity: 0.7;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgimg-1 {
    background-image: url(../images/sea.jpg);  /*background-image: url(../images/parax1.jpeg);*/

    min-height: 100%;
}

.bgimg-2 {
    background-image: url(../images/responsive.png); /*url(../images/parax2.jpeg);*/
    min-height: 400px;
}

.bgimg-3 {
    background-image: url(../images/code.jpg); /*url(../images/parax3.jpeg);*/
    min-height: 400px;
}

.w3-display-middle {
    bottom: 35%;
}

.w3-wide {
    letter-spacing: 10px;
}

.w3-hover-opacity {
    cursor: pointer;
}

.fa {
    margin-right: 10px;
}

.fa-facebook-official {
    color: blue;
}

.fa-pinterest {
    color: crimson;
}

.fa-instagram {
    color: orangered;
}
@media all and (max-width: 600px){
.w3-padding-large{
    height: 35px;

}
}