/* {
  border: 1px solid red;
}*/

body {
  /*height: 100%;*/
  margin:0;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
header {
    width: 100%;
    height: 100vh;
    background-color: #264c73;
    position: absolute;
    display: block;
    top: 0;
}
header h1, h4 {
  margin-top: 300px;
  margin-right: auto;
  margin-left: auto;
  /*width: 300px;*/
  height: 30px;
  color: #ffffff;
  display: block;
}
header h4 {
  margin-top: 50px;
  font-weight: 100;
}

main {
    margin-top: 800px;
    width: 100%;
    /*height: 2400;*/
    /*height: 100vh;*/
    position: relative;
    display: block;
}
.designBody {
    margin-top: 0px;
    width: 100%;
    /*height: 2400;*/
    /*height: 100vh;*/
    position: relative;
    display: block;
}
.fineArtBody {
    margin-top: 0px;
    width: 100%;
    /*height: 2400;*/
    /*height: 100vh;*/
    position: relative;
    display: block;
}
/*main p {
  vertical-align: middle;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50%;
  width: 33%;
  height:auto;
  position: relative;
  display: inline-block;
}*/
nav.navbar.navbar-default.navbar-fixed-top {
  background-color: #264c73; 
}
nav.navbar.navbar-default.navbar-fixed-top {
  border: none;
}

table {
  margin-left: auto;
  margin-right: auto;
}

table {
  margin-top: 75%;
}
.fineArtTable {
  margin-top: 25%;
}
div.rowBox {
  background-color: #99ccff;
  height: auto;
  width: auto;
}
.mainLogo {
  max-width: 20%;
  top: -10px;
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
}
td img {
  width: 100px;
}

/*table.firstTable {
  background-color: #6699ff;
}
table.secondTable {
  background-color: #00cc66;
}
table.thirdTable {
  background-color: #666633;
}
table.fourthTable {
  background-color: #cc0066;
}
table.fithTable {
  background-color: #6699ff;
}
table.sixthTable {
  background-color: #cc0066;
}
table {
  width: 200px;
  height: 300px;
}*/

/*img.designImage {
  max-width: 100%;
    overflow: hidden;
}*/

/*footer {

    background: url("file:///Users/evrenbilgihan/Desktop/masters_module_11/bootstrap/images/san_francisco_city_view.jpg") repeat;
    background-color: #00cc66;

}*/
  /*height: 1200px;
  width: auto;
  min-width: 100%;
  min-height: 100%;

}*/



}



div#fineArt {
  margin-top: 600px;
  margin-bottom: 600px;
}
div#design {
  margin-top: 1800px;
}
.col-sm {
  padding-left: 0;
}

a.navbar-brand {
    padding-top: 7px;

}
footer#contact img {
    margin-left: 5%;
    margin-right: auto;

    width: 500px;
    height: auto;
}

form {
  /*width: 500px;*/
  height: auto;
  margin-right: 200px;
  margin-bottom: 300px;
  /*margin-left: 70%;*/
  float: right;
  text-align: right;
}
div#design {
  height: 1200px;
  margin-top: 50px;
  margin-bottom: 50px;
}
div#fineArt {
  height: 1200px;
  margin-top: 50px;
  margin-bottom: 50px;
}
td {
  /*width: 200px;
  height: 300px;*/
}
td img {
  /*max-width: 200%;*/
  /*position: absolute;
  clip: rect(10px, 190px, 190px, 10px);*/
 /* width: 200px;
           /* top, right, bottom, left 
  -webkit-clip-path: inset(0px 100px 50px 0px); 
          clip-path: inset(0px 100px 50px 0px); 

}*/
}
.designImage {
 width: 100%;
}

.collateralTable {
  margin-top: 20%;
  margin-bottom: 10%;
}
#designMobileUx {
  margin-bottom: 100px;
  padding-top: 75px;
}
.testTable {
  max-height: 450px;
  overflow: hidden;
}
.fineArtImage {
  width: 75%;
  overflow: hidden;
}
a:visited {
  color: #ff33ff;
}
a:hover {
    color: red;
}
footer#contact img {
  width: 30%;
  margin-left: 10%;
}

/*#designCampaign {
  margin-top: 50%;
}*/
@media (max-width: 768px) {
.row {
    width: 500px;
    margin-right: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.row img {
    /*width: 500px;
    margin-right: 3px;*/
    margin-top: 10px;
    margin-bottom: 10px;
    width: 75%;
}
table {
    margin-top: 25%;
}

}



/*@media (max-width: 768px) {
.row {
    width: 150px;
    margin-right: 3px;
}*/
.rowNew {
    display: block;
}
}