body {
  color:#000000;
}

#s1, #s1b {
  width:100%;
}

@media (min-width: 992px) {
  #s1, #s1b {
    height:100vh;
  }
}

#logo {
  color:#000000;
  background-image:url("../../assets/img/LOGO1b.png");
  background-repeat:no-repeat;
  width:50px;
  background-size:contain;
  height:15px;
}

.navbar-light .navbar-nav .nav-link {
  color:#000000;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color:#555f73;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color:#000000;
  font-weight:bold;
}

#mymenu {
  background-image:url("../../assets/img/MENU1.png");
  background-size:contain;
  background-repeat:no-repeat;
  margin-top:11px;
}

@media (min-width: 768px) {
  #mymenu {
    background-image:url("../../assets/img/MENU1b.png");
  }
}

#mymenu2 {
  background-image:url("../../assets/img/MENU1b.png");
}

#s1-bottom .container{
  max-width:900px;
}

#s1-bottomb .container {
  max-width:700px;
}

#s1-bottom .borders, #s1-bottomb .borders {
  border-top:0px;
  border-bottom:0px;
  border-left:1px solid rgba(0,0,0,0.5);
  border-right:1px solid rgba(0,0,0,0.5);
  padding-left:0px;
  padding-right:0px;
}

#s1-bottom .col, #s1-bottomb .col {
  padding-left:0px;
  padding-right:0px;
}

#s1-bottom p .icon, #s1-bottomb p .icon {
  font-size:50px;
}

#s1-bottom h1, #s1-bottomb h1 {
  font-size:30px;
}

#s1-bottom p, #s1-bottomb p {
  margin-bottom:0px;
}

.bgimg-1 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgimg-1 {
    background-image: url('../img/webdesign2.jpg');
    width: 100%;
}

#md-change-size {
  font-size:16px;
}

#md-change-sizeb {
  font-size:16px;
}

@media (min-width: 768px) and (max-width: 991px) {
  #md-change-sizeb {
    font-size:12px;
    padding-top:0px;
  }
}

.view-recent-projects-button {
  background-color:rgba(255,255,255,0);
  color:#000;
  border:3px solid #000000;
  border-radius:30px;
  margin-bottom:30px;
}

.view-recent-projects-button:hover {
  background-color:#000000;
  color:#fff;
  border:3px solid #000000;
  border-radius:30px;
  text-decoration:none;
}

#social a {
  color:#000000;
  padding-left:5px;
  padding-right:5px;
  font-size:25px;
  text-decoration:none;
}

#facebook .fa:hover {
  color:#0903ff;
  font-size:35px;
}

#instagram .fa:hover {
  color:#ff1203;
  font-size:35px;
}

#twitter .fa:hover {
  color:#0903ff;
  font-size:35px;
}

#youtube .fa:hover {
  color:#ff1203;
  font-size:35px;
}

#linkedin .fa:hover {
  color:#2603ff;
  font-size:35px;
}

#footer-1 a {
  font-size:10px;
  color:#000000;
  padding-left:10px;
  padding-right:10px;
  text-decoration:none;
}

@media (min-width: 576px) {
  #footer-1 a {
    font-size:15px;
    color:#000000;
    padding-left:10px;
    padding-right:10px;
  }
}

#footer {
  margin-top:25px;
  border-top:2px solid #000;
}

#footer-1 #border {
  border-left:2px solid #000;
  border-right:2px solid #000;
}

.process {
    padding-left: 0px;
}

.process li {
    display:inline;
    font-size: 1.2rem;
}

.padwrap {
    padding-top: 100px;
    padding-left: 100px;
    padding-right: 100px;
    font-family:Antic;    
}

@media only screen and (max-width: 576px) {
    .padwrap {
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
        font-family:Antic;    
    }
}

@media (max-width: 700px) {
    .process li {
        font-size: 0.45rem;
    }
}

@media (min-width: 200px){
.cont {
    max-width: 340px;
}
}

@media (min-width: 576px){
.cont {
    max-width: 540px;
}
}

@media (min-width: 768px){
.cont {
    max-width: 720px;
}
}

@media (min-width: 992px){
.cont {
    max-width: 960px;
}
}

@media (min-width: 1200px){
.cont {
    max-width: 1250px;
}
}