body {
  background-image: url("../img/LandingPage-bg.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  padding-bottom: 70px;
}


@font-face {
            font-family: 'OswaldRegulars';
            src: url('fonts/myfont.woff2') format('woff2'),
                 url('fonts/myfont.woff') format('woff'),
                 url('../fonts/Oswald-Regular.ttf') format('truetype');
        }
@font-face {
            font-family: 'OswaldSemiBold';
            src: url('fonts/myfont.woff2') format('woff2'),
                 url('fonts/myfont.woff') format('woff'),
                 url('../fonts/Oswald-SemiBold.ttf') format('truetype');
        }
@font-face {
            font-family: 'OswaldBold';
            src: url('fonts/myfont.woff2') format('woff2'),
                 url('fonts/myfont.woff') format('woff'),
                 url('../fonts/Oswald-Bold.ttf') format('truetype');
        }


@font-face {
            font-family: 'MontserratRegular';
            src: url('fonts/myfont.woff2') format('woff2'),
                 url('fonts/myfont.woff') format('woff'),
                 url('../fonts/Montserrat-Regular.ttf') format('truetype');
        }

@font-face {
            font-family: 'MontserratSemiBold';
            src: url('fonts/myfont.woff2') format('woff2'),
                 url('fonts/myfont.woff') format('woff'),
                 url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
        }


.logo {
    width: 350px;
}

.navbar h2 {
font-family: 'OswaldBold', serif;
color: #fff;
text-align: center;
}

.sec2 h2 {
font-family: 'OswaldBold', serif;
color: #fff;
margin-top: 30px;
font-size: 35px;
}
.sec2 h4 {
font-family: 'OswaldBold', serif;
color: #fff;
font-size: 27px;
}

.sec2 p {
font-family: 'MontserratRegular';
color: #fff;
font-size: 18px;
}

.sec3row {
    width: 50%;
    /* background-color: red; */
    margin: auto;
}


.sec3 .card img{
width: 90px;
margin: auto;
}

.sec3 .card-title{
    color: #fff;
    font-family: 'OswaldBold', serif;
}


.sec3 .card {
    background-color: #ffffff00;
    border: none;

     -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.3333%;
    max-width: 33.333%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
    border-radius: 0px;
}

.sec3 .card:nth-child(3n+1) {
    border-right: 1px solid rgb(255, 255, 255);
}

.sec3 .card:nth-child(3n+2) {
    border-right: 1px solid rgb(255, 255, 255);
}



@media only screen and (max-width: 768px) {
    .sec3row {
    width: 100%;
}
.sec3 .card {
    background-color: #ffffff00;
    border: none;

     -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	
	position: relative;
    width: 100%;
    min-height: 1px;
    border-radius: 0px;
    padding: 10px;
}

.sec3 .card:nth-child(3n+1) {
    border-right: 1px solid rgba(255, 255, 255, 0);
}

.sec3 .card:nth-child(3n+2) {
    border-right: 1px solid rgba(255, 255, 255, 0);
}

}


.sec3 .btn-primary{
    background-color: #fff;
    color: #000000;
    border: 1px solid #fff;
    width: 90%;
    border-radius: 0px;
    font-family: 'MontserratSemiBold';
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}
.sec3 .btn-primary:hover {
    background-color: #d7d7d7;
    color: #000000;
    border: 1px solid #d1d1d1;
}