.container-fluid{
    padding: 0% 15% 3% 0%;
}

.cy{
    color: #00cccc;
}
.dy{
    color: #ff00cc;
}
.logofont{
    font-family: myriad-pro,sans-serif;
    font-style: bold;
}
.logomain {
    text-align: center;
    margin: 3% 0% 3% 0%;
}

h1{
    text-align: center;
    margin: 3% 0% 5% 0%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h3{
    text-align: center;
}
.welcome{
    font-size: 150%;
}
.slogan{
    font-size: 80%;
    font-style: italic;

}
#title{
    background-color: #cccccc;
}

.inquirebtn{
    text-align: center;
    padding: 3% 0% 3% 0%;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

h2{
    text-align: center;
    padding: 1% 0%;
    color: black;
    font-family: myriad-pro,sans-serif;
}
.h2tittle{
    font-size: 230%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-style: bold;
    color: white;
    padding: 3% 0% 0% 0%;
    
}

.serviceintro{
    text-align: center;
    font-size: 150%;
    padding: 3% 0% 3% 0%;
}
.servicedes{
    padding: 0% 5% 3% 5%;
}
#carouselExampleCaptions{
    padding: 3%;
}

.col-lg-4{
    text-align: center;
}
.row{
    padding: 0% 0%;

}
#service{
    background-color: white;
}
#productbar{
    background-color: lightslategray;
}

.productcar{
    text-align: center;
    padding: auto;
}

.carousel-item{
    padding: auto;
}
.rounded1{
    border-radius: 35px;
}


/* Contact Us */
#contactbar{
    background-color: white;
}

.contact{
    padding: 2%;
    /* height: 400px; */
}
.col-md-3{
    background: #00cccc;
    padding: 2%;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    text-align: center;
}
.contact-info{
    margin-top:2%;
}
.contact-info img{
    margin-bottom: 2%;
}
.contact-info h2{
    margin-bottom: 3%;
}
.contact-info p{
    margin: 0% 0%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-style: italic;
    font-size: large;
    padding: 0% 0% 0% 0%;

}
.contact-info h6{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: oblique;
    font-size: larger;
    padding: 5% 0% 0% 0%;
    margin-top: 5%;
}
.col-md-9{
    background: #cccccc;
    padding: 2%;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.contact-form label{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-style: bold;
}

.contact-form button:focus{
    box-shadow:none;
}
.container{
padding: 3%;
position: relative;
}

/* ABOUT BAR */
.aboutintro{
    margin: 3% 15%;
    padding: 1% 1%;
    background-color: #cccccc;
    border-radius: 0.5rem;
    border-style: solid;
    border-color: lightgray;
}

.profpic {
    text-align: center;

    /* margin: 3% 0% 1% 0%; */
}
.aboutname{
    text-align: center;
    margin: 2% 0% 1% 0%;
    color: black;
    width: 250;
    height: 250;
}
.aboutpos{
    text-align: center;
    /* margin: 1% 0% 3% 0%; */
    color: black;
}
.aboutpar{

    padding: 3% 0%;
    color: black;

}
.btnresume{
    text-align: center;
}

/* Skill Bar */
/* Make sure that padding behaves as expected */
* {box-sizing:border-box}

/* Container for skill bars */
.container1 {
  width: 100%; /* Full width */
  background-color: #ddd; /* Grey background */
}

.skills {
  text-align: right; /* Right-align text */
  padding-top: 5px; /* Add top padding */
  padding-bottom: 10px; /* Add bottom padding */
  color: white; /* White text color */
}

.html {width: 90%; background-color: #cc33cc;} /* Green */
.css {width: 80%; background-color: #cc33cc;} /* Blue */
.js {width: 75%; background-color: #cc33cc;} /* Red */
/* .php {width: 60%; background-color: #808080;} Dark Grey */

.skillbar{
    margin: 0% 20%;
    padding: 0% 0% 3% 0%;
}
.h3tittle{
    color: white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 200%;
    padding: 0% 0% 1% 0%;
}
.skillp{
    padding: 2% 0% 0% 0%;
    color: black;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-style: bold;
    
}
#aboutbar{
    background-color: lightslategray;
}


.servicelist{
    text-align: left;
}