@charset "UTF-8";
/* mitchelldouglas.com css by Mitchell Douglas*/

/*html tag rules*/

/*New Brand Colors: Lightest to darkest.

#75f4f4
#3bb1b6
#006d77
#00414f
#001427

*/

body {
background-image: linear-gradient(#75f4f4, #3bb1b6)	
}

/*ID tag rules*/

#container {
    padding: 0;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;	
}
#Welcomecontainer {
    padding-top: 10%;
    padding-bottom: 12%;
    margin-top: -7%;
    margin-right: 21%;
    margin-bottom: -7%;
    margin-left: 21%;
}
#Welcome {
    width: 50%;
    margin-left: 25%;
    margin-right: 40%;
    padding-top: 1%;
}



#Welcome h1 {
    color: #006d77;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    background-repeat: no-repeat;
    background-image: url(../images/SVG/MDLogoStroked2021.svg);
   
}

#Welcome h1:hover {
	
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 6%;
	padding-left: 2%;
	drop-shadow: 1px 1px 2px #001427;
}

#container #Welcomecontainer #Welcome {

}
#Welcomecontainer #Welcome h1 {
    font-size: 139%;
}

#meimg {
    padding-top: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 2%;
    margin-bottom: 2%;
   
}

#about {
    background-color: #001427;
    font-family: "Comfortaa", cursive;
    color: #FFFFFF;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
}
#aboutcontainer {
    background-color: #001427;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-top: 1%;
    margin-bottom: 2%;
    padding-right: 1%;
    padding-left: 1%;
}

#aboutsec2 {
	margin-top: 7.75%;
	margin-bottom: 2%;
	padding-top: 4.25%;
	font-size: 90%;
}
#aboutsec2 p1 {
	font-size: 150%;
	padding-bottom: 0px;
}

#aboutsec1{
	padding-bottom: 2%;
	margin-top: 8%;
	font-size: 90%;
	
}

#gallery {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
/*    border-radius: 25px;*/
}

#picturebox{
	
	padding-left: 21%;
}

#gallerytitle {
	font-family: "Comfortaa", cursive;
	color: #001427;
	font-size: 225%;
	text-align: center;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-top: -5%;
	
	
}

#DesignSection{
	font-family: "Comfortaa", cursive;
	color: #001427;
	font-size: 170%;
	text-align: center;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	margin-left: -24%;
	margin-top: 2%;
	
}

#Illustration{
	
	font-family: "Comfortaa", cursive;
	color: #001427;
	font-size: 170%;
	text-align: center;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	margin-top: 1%;
	margin-left:-25%;
}

#gallerycontainer {
	
	padding-top: 5%;
	padding-bottom: 5%;
	
}


#instafeed-title {
   font-family: "Comfortaa", cursive;
	color: #001427;
	font-size: 225%;
	text-align: center;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-top: -5%;
	text-decoration: none;	
}

#instafeed-container:img-responsive{
    padding-top: 2%;
	padding-bottom: 2%;
	width:50%;
}

#instarow{
    margin-left: 12%;
    margin-right: 10%;
	margin-bottom: 5%;
    width: 75%;	
}

#contactcontainer {
   padding:2%;

}

#contact {
    width: inherit;
   
    text-align: center;
    text-decoration: none;
    color: #75f4f4;
    font-size: 100%;
    font-family: 'Comfortaa', cursive;
    padding: 0px;
	margin: 0px;
}

#contact a{
	
	font-family: "Comfortaa", cursive;
    color: #75f4f4;
    text-decoration: none;
	
}

#contact a:hover{
	
	font-family: "Comfortaa", cursive;
    color: #FFFFFF;
    text-decoration: none;
   
    text-shadow: 0px 0px 2px #001427;
	
}

#footer {
    text-align: center;
    color: #75f4f4;
    background-color: #001427;
    font-family: 'Comfortaa', cursive;
    
}
#footer a {
    text-decoration: none;
    color: #75f4f4;
    
}

#backtotop{
    text-align: center;
    padding: 0px;
	margin: 0px;
    width: 100%;
    text-decoration-color: inherit;
}


#backtotop a{
    font-family: "Comfortaa", cursive;
    color: #75f4f4;
    text-decoration: none;
    font-size: 90%;
}

#backtotop a:hover{
    font-family: "Comfortaa", cursive;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 90%;
    text-shadow: 0px 0px 2px #001427;
}



#returncontainer{
   
}

#copyright{
	
	font-size: 70%;
	text-align: center;
	padding: 1%;
}
/*class rules*/

/*.Thumb{
     width: 200 px;
	height: 200 px;
}*/

.link{
	text-decoration: none;
	list-style-type: none;	
	
}

.thumbnails{
	padding: 1%;
	
}

.active{
	
	color: #001427;
	background-color: #006d77;
	
}
.media-icons{
 width:30%;
	margin-top:-7%;
	margin-left:-5%;
	margin-right:-5%;
	padding: -5%;
}

.shadowfilter2 {
  -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.shadowfilter2:hover {
-webkit-filter:drop-shadow(1px 1px 1px #00414f);
filter:drop-shadow(1px 1px 1px #00414f);
}

.shadowfilter2:focus{
-webkit-filter:drop-shadow(1px 1px 1px #00414f);
filter:drop-shadow(1px 1px 1px #00414f);
}



.shadowfilter {
transition: all 0.25s linear;
}
.shadowfilter:hover {
-webkit-filter:drop-shadow(0px 0px 8px rgba(255,255,255,0.80));
filter:drop-shadow(0px 0px 8px rgba(255,255,255,0.80));
}


.brand {
	
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
	position: absolute;
	width: 50%;
	border: 2px solid #006d77;
	top: 500px;
	left: 200px;
}


.navbar{
	font-family: 'Comfortaa', cursive;
}

.navbar-brand {
    background-repeat: no-repeat;
    width: 220px;
    background-image: url(../images/SVG/MDLogoStroked2021.svg);
    background-size: 40% auto;
    padding: 2%;
    background-position: 10% 10%;
	
}


/* start twbs Navbar */
	
	.navbar-default {
    background-color: #001427;
    padding: 0.5%;
    
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #00414f;
}
.navbar-default .navbar-text {
  color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a {
  color: #75f4f4;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #FFFFFF;
	font-size: 150%;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #001427;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
	color: #FFFFFF;
	background-color: #006d77;
	
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #006d77;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #001427;
  background-color: #006d77;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #001427;
  background-color: #006d77;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #001427;
  background-color: #006d77;
}
.navbar-default .navbar-toggle {
  border-color: #006d77;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #FFFFFF;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #001427;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #001427;
}
.navbar-default .navbar-link {
  color: #001427;
}
.navbar-default .navbar-link:hover {
  color: #001427;
}

.media-icons{
		
		width:35%;
	}


@media (max-width: 767px) {
	
		
	
	
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #001427;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFFFFF;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #FFFFFF;
    background-color: #006d77;
  }

	
	.thumbnails{
		
		width:20%;
	}

	#backtotop {
		margin-top:1%;
		margin-bottom:0%;
		margin-left:1%;
		
	}


	#copyright{
		margin-top:-3%;
		margin-bottom:0%;
		margin-left:-22%;
	}


	#footer{
		margin-bottom:-20%;
	}
.nav.navbar-nav.navbar-right li {
    margin: 0%;
    font-size: 10px;
}
li .shadowfilter2.smooth-scroll .img-responsive {
    width: 55%;
}


	
}

@media (max-width:991px){
	
	
	
	.thumbnails{
		
		width:50%;
	}

	
#container #Welcomecontainer #Welcome {
	
	
	font-size: 80%;
}
#container #contactcontainer #contact {
    
    
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    font-size: 94%;

	}
	

 #backtotop {
		margin-top:-3%;
		margin-bottom:0%;
		margin-left:0%;
		
	}


	#copyright{
		margin-top:-3%;
		margin-bottom:0%;
		margin-left:0%;
	}


	#footer{
		margin-bottom: 0%;
	}

	#contactcontainer{
  
    margin-left: 0%;
	}
.nav.navbar-nav.navbar-right li {
    margin-left: -4%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-left: 0%;
    padding-bottom: 0%;
    width: 20%;
}


	


}

@media (max-width:1199px){
#container #Welcomecontainer #Welcome {
	
	
	font-size: 150%;
}
#contact {
   
    font-size: 80%;
}

	#backtotop {
		margin-top:0%;
		margin-bottom:0%;
		
		
	}


	#copyright{
		margin-top:1%;
		margin-bottom:0%;
		
	}


	#footer{
		margin-bottom: 0%;
	}
.nav.navbar-nav.navbar-right li {
    margin-left: 0%;
    width: 15%;
}

	
	
	
}

@media (max-width:1027px) and (min-width:992px){
.nav.navbar-nav.navbar-right li {
    margin-top: -6%;
}

}