/* Main Styles */

body, p, h {
      font-family: "Crafty Girls", cursive;
  font-weight: 400;
  font-style: normal;
  color: #162f29;
}



h1 {
	 font-weight: 900;
	 font-size: 72pt;
  color: #162f29;
}

h2 {
     font-weight: 900;
     font-size: 48px;
  color: #162f29;
}

h3{
   font-size: 78px;
   font-weight: 900;
  color: #162f29;
}



p {
     color: #162f29;
    font-size: 20px;
    letter-spacing: 4px;
    line-height: 31px;

}

img, video {
    max-width: 100%;
    height: auto;
}


.btn-prim {
    background-color: #162f29;
    border:3px solid #162f29;
    color: #fff;
    font-size: 35pt;
}

.btn-prim:hover {
    border:3px solid #162f29;
    color:#162f29 ;
}

.btn-prim a {
    color: #fff;
    text-decoration: none;
}
.btn-prim a:hover {
    
    color:#162f29 ;
}

/* Main Styles end*/

section {
padding-top: 24px;
padding-bottom:24px;
/* height: 100vh; */
}

nav, .header, section, .cta {
background-color: #ffffff;
}

nav {
    position: fixed;
    padding: 20px 10px;
    color: #fff;
}

.nav-item > a {
    color: #9092a2;
    font-size: 20px;
}

.nav-item > a:hover {
    transition: 0.4s;
    color: #162f29;

}

nav .container ul li.active a {
    transition: 0.4s;
    color: #162f29;
    font-size: 24px;
    line-height: 27px;
}


 .header {
    padding-top: 100px;
    color: #ffe9c3;
    background-image: url("../images/ptrd-bk.png"); ;
    background-size: contain;
    background-attachment: fixed;
 }

 .service-1, .intro,.service-2, .service-3, #services {
      padding-top: 100px;
    color: #ffe9c3;
    background-image: url("../images/ptrd-bk.png"); ;
    background-size: contain;
    background-attachment: fixed;
 }

 .right-float{
        float: right;
 }
 .text-c{
    text-align: center;
 }

 .port {
background-color: #0f0f0f;
 }

 .cta {
background-color: #312d39;
 height: 800px!important;
 text-align: center;
 color:#ffe9c3 ;
 }

 .footer {
background-color: #74a598;
height: 100px!important;
 }



/* Section Styles*/
.color-green{
color:#74a598;
}

.color-red{
color:#ed5050;
}

.color-purp {
color:#312d39;
}

.color-beige {
    color:#ffe9c3;
}

.bk-white {
    background-color: #fff;
    padding:40px;
}

.hodler-box {
    border: 4px solid black;
}
.pad-20 {
    padding-top: 20px;
}

.hodl-box-pad  {
    padding: 20px;
}

/* Section Styles end*/


/* responsive Styles end*/

.divalign{ display: flex; align-items: center;}


@media only screen and (max-width:600px) {
    .nav-pad-mob  {
               padding-top: 32%;
    }

    .logo-s {
            padding: 0px 34%;
    }
    .padms {
            padding: 40px 0px;
    }

    .padmsb {
        padding: 40px 20px;
    }
    .mob-cen {
        text-align: center;
    }
}

/* responsive Styles end*/
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

    .nav-pad-mob  {
        padding-top:200px;
    }

       .logo-s {
            padding: 0;
    } 

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
        .nav-pad-mob  {
        padding-top:180px;
    }
           .logo-s {
            padding: 0;
    } 
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
        .nav-pad-mob  {
        padding-top:150px;
    }
           .logo-s {
            padding: 0;
    } 
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
        .nav-pad-mob  {
        padding-top:150px;
    }
           .logo-s {
            padding: 0;
    } 
}
