body {
    font-size: 1rem;
    background-color: black;
    font-family: 'Montserrat', sans-serif;
    margin: 0px;
    background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Changa', sans-serif;
}

.no-js .top-bar {
    display: none;
}


/*  Navigation section */
    nav.tob-bar
    {
        text-align: center;
    }

@media screen and (min-width: 10em) {
    .mypad{
        padding-top:60px;
        padding-bottom:60px;
    }

    .banneroverlay {
        padding: 60px;
    } 
    .banner h1{
        padding-top:50px;
        font-size:2.8rem;
    }
    .pagestitle {
        display: block;
        margin: 10px;
        margin-top: 60px;
        font-family: 'Changa', sans-serif;
        font-size: 2.4rem;
    }
}
    @media screen and (min-width: 40em) {
        .no-js .top-bar {
            display: block;
        }

        .no-js .title-bar {
            display: none;
        }
        .banner h1 {
            font-size: 5rem;
        }
        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after{

            border:none;
        }

        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
            -webkit-transition: background-color 1s;
        }

            .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:hover {
                background-color: rgba(2, 138, 121, 1);
                color: white;
            } 

        .bannertextmain {
            font-size: 5rem;
        }
        .pagestitle {
            font-size: 3.4rem;
        }
        .banneroverlay{
            padding:120px;
        } 
        .bannertextmain h2 {
            font-size: 1.8rem;
        }
        .mypad {
            padding-top: 90px;
            padding-bottom: 90px;
        }
        .mypad2 {
            padding: 60px
        }
    }

.logo {
    display: inline-block;
    padding: 10px;
    padding-right:15px;
    padding-left:15px;
    background-color: brown;
    color: white;
    font-weight: bold;
    font-size: 2rem;
    margin-left: 60px;
    border-radius: 50%;
    font-family: 'Changa', sans-serif;
}
.dropdown.menu a {
    padding: 2.5rem 1rem;
    font-weight:normal;
}
#mainnav {
    background-color: white;
    border-bottom:solid 3px silver;
}
.top-bar, .top-bar ul {
    background-color: white;
}
.menu a{
    color:black;
}

.menu .myactive > a {
    background-color: dimgray;
    color: white;
}

.menu > li > a {
    display: block;
    padding: 1.5rem 1.5rem;
    line-height: 1;
    font-size: 0.8rem;
    color: #0e0e0e;
    text-transform: uppercase;
    
    -webkit-transition: background-color 1s;
    font-weight: bold;
    margin-right: 4px;
}

    .menu > li > a:hover {
        background-color: rgba(2, 138, 121, 1);
        color: white;
    }

.dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    border: none;
}

    /* End Navigation section */
header {
    /*background-color: #f5f5f5;*/
    background-color: rgba(2, 138, 121, 1);
    color: white;
    font-size: small;
    padding: 15px
}
header a{
    color:white;
}

    .banner, .bannergallery {
      
        background-color: #1e1d1d;
        background-image:url('../resources/images/sandblasting.jpg');
        background-position:center center;
        background-size:cover;
       
        color:white;
       
    }
.bannergallery {
    background-image: url('../resources/images/banner1.jpg');
}
.banneroverlay {
   
    width: 100%;
    min-height: 90vh;
    /*background: linear-gradient(-40deg, rgba(2, 138, 121, 0.83), rgba(30, 29, 29, 0.83));*/
    background-color:rgba(0, 0, 0, 0.54)
    /*background: linear-gradient(-40deg, rgba(2, 138, 121, 0.93), rgba(36, 36, 36, 0.73));*/
}
.pagebanneroverlay {
    width: 100%;
    min-height: 40vh;
    text-align:center;
    background: linear-gradient(-40deg, rgba(2, 138, 121, 0.83), rgba(30, 29, 29, 0.83));
    /*background: linear-gradient(-40deg, rgba(2, 138, 121, 0.93), rgba(36, 36, 36, 0.73));*/
}
.banner h1{
   
    text-transform:uppercase;
}
    /* Content section */
    .content {
        background-color: whitesmoke;
    }
    /*.leftcontents
{
    display:inline-block;
    float:left;
    width:61%;
    padding-left:10px;
}
.rightcontents
{
    display:inline-block;
    float:left;
    width:35%;
    margin-left:5px;
}*/
    .proditem{
       
        text-align:center;
       background-size:cover;
       background-repeat:no-repeat;
        cursor:pointer;
    }
   
.prodhover {
    background-color: rgba(14, 14, 14, 0.44);
    min-height: 40vh;
    position: relative;
}
        .proditem .button {
            position: absolute;
            top: 60%;
            bottom: 50%;
            border-radius: 10px;
            left: 30%;
            padding-bottom: 25px;
            background-color: white;
            color: rgba(2, 138, 121, 1);
            display: block;
            width: 50%;
        }
.proditem b, .proditem h4 {
    position: relative;
    color: white;
    padding: 30px;
    top: 30%;
    background-color: none
}
            
            /*.bluetext {
                color: rgba(2, 138, 121, 1);
              
                display: inline-block;
                border-bottom: solid 4px;
            }*/
.bluetext {
    color: rgba(2, 138, 121, 1);
   
    display: inline-block;
    border-bottom: solid 4px;
    background-color: white;
    padding-right: 8px;
    padding-left: 5px;
}

    .contentbox {
    }

    .subcontentbox {
        display: block;
        min-height: 200px;
        border: solid 1px silver;
        background-color: white;
    }
.serviceitem {
    padding-top: 30px;
    padding-bottom: 30px;
    /*border-bottom: dotted 1px silver;*/
    /*clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);*/
    background-color:rgba(255, 255, 255, 0.81);
    min-height:30vh;
    margin-top:30px;
}

.galleryitem {
    margin-top:40px;
    background-position:center, center;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background-color:rgba(255, 255, 255, 0.81);
    min-height: 40vh;
}
.mybutton {
    background-color: white;
    color: rgba(2, 138, 121, 1);
    border-radius:7px;
}
    .readmorelink {
        background-color: #01b6ab;
        text-align: center;
        padding: 10px;
        display: block;
        width: 80px;
        height: 15px;
        color: white;
        text-decoration: none;
        float: right;
    }
    /* Content section */
    footer {
        min-height: 40vh;
        /*width:101%;*/
        color: silver;
        font-size: 0.8rem;
        background-color:#1e1d1d;
        /*margin-left:-5px;*/
    }
        footer a, a {
           color: rgba(2, 138, 121, 1);
        }

    .newsdiv {
        border-bottom: solid 1px silver;
        padding: 5px;
        display: inline-block;
        min-width: 90%;
    }

    .datediv {
        display: block;
        width: 40px;
        height: 50px;
        background-color: #0099CC;
        color: white;
        float: left;
        padding: 5px;
        margin: 10px;
        font-size: 16px;
    }

    .newstext {
        font-size: 14px;
    }

.icongreen{
font-size:4rem;
color:rgba(2, 138, 121, 1);
} 
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    box-shadow: none;
}