/*Tested in Internet Explorer, Google Chrome and Firefox browsers*/

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}

html,body {
    margin:0;
    padding:0;
}


/*The navigation bar*/

.nav {
   list-style: none; 
}

.navbar {
 
  overflow: hidden;
  background-color: #236B8E;
  position: fixed; /*Set the navbar to fixed position*/
  top: 0px; /*Position the navbar at the top of the page*/
  width: 100%; /*Full width*/

}

/*Links inside the navbar*/
.navbar a {
  float: right;
  display: block;
  color: #fff;
  text-align: center;
  padding: 13px 85px 13px;
  text-decoration: none;
  font-size: 145%;
  font-family: arial;
  font-weight: bold;
 
}

ul.nav a:hover { 
  color: #fff !important; 
  background-color: #015884;
  
}


/*Main content*/
.main {
  display: inline-block;
  margin: 0 auto;
  width: fit-content;
  color: #236b8E;
  font-family: arial;
  
}Ffised


/*Photo*/

div {
    background-repeat: no-repeat;
    background-position: 25%;
    border-radius: 25%;
    width: 50%;
    height: 100px;
    overflow: scroll;
}

 .white-border {
    border-color: white;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
    overflow: scroll;
  }

  .Ava-with-glasses {
    width: 250px;
    margin: 0px 0px 95px 0px;
  }


.titlecontainer {
  padding: 95px 0px 65px 0px;
  margin: 20px 253px 0px 0px;
  background-color:;
}

/*About*/

.about {
display: inline-block;
position: relative;
margin: 35px 0px 20px 235px;
padding: 45px 0px 40px 100px;
float: left;
width: 25%;
height: 250px;
background-color:;
}

.abouttitle {
  margin: 25px 0px 0px 0px;
  padding: 25px 0px 10px 0px;
}

/*Portfolio*/


.portfoliotitle  {
  margin: 45px 0px 0px 0px;
  padding: 50px 0px 20px 0px;
  margin-left: 27%;
}

.container-fluid scroll {
display: inline-block;
position: ;
margin: 15px 0px 20px 0px;
float: ;
width: 25%;
height: 300px;
background-color:;
}

.containerportfolio {
	margin-left: 16%;

}

.portfolio {
  border: 4px solid; 
}

 .outer {
        background: #fff;
        display: table;
        max-width: 300px;
        margin: auto;
    }

.containercontact {
  
}


.contacttitle {
  
  color: #236B8E;
  font-family: Arial, sans-serif;
  padding: 80px 0px 25px 0px;  
}

.contact {
 
 font-size: 15px;
 color: #236B8E;
 font-family: Arial, sans-serif;
 font-weight: bold;
  
}

.containersocialmedia {
  margin: 1px;
  text-align: center;
  display: inline;
}
  
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
    li {
      display: inline;
      vertical-align: middle;
    }
    }
}

@import url(http://fonts.googleapis.com/css?family=Fauna+One|Muli);
#mainform{
border:10px 10px 10px 10px;
width:;
margin:10px 0px 0px 0px;
padding-top:20px;
font-family: 'Arial' sans-serif;
}
#ContactForm{
border:10px 10px 10px 10px;
border-radius:;
background:#09c;
font-size:20px;
font-family:'Arial';
font-weight: bold;
color: white;
width: ;
height: 65%;
padding:45px 0px 30px 400px;
margin:50px -520px 8px 0px;
}

input{
width:85%;
height:25px;
margin:5px 0 10px 0;
border:1px solid #999;
border-radius:5px;
padding:5px;
font-size:15px;
}

textarea{
width: 245px;
height:110px;
margin-top:5px;
border-radius:5px;
padding:15px;
resize:auto;
font-size:15px;
font-family: 'Arial', sans-serif;
}


input[type=submit]{
background-color: #015884;
font-family: 'Arial', sans-serif;
font-weight:bold;
font-size: 22px;
padding: 15px 30px 39px 30px;
margin: 20px 0px 0px 15px;
width: 35%;
height: 37px;
color: white;
}

span{
color:red;
}
#note{
color:black;
font-weight:400;
}
#returnmessage{
font-size:14px;
color:green;
text-align:center;
}