/*About Section Images*/
/*Style the Images*/

#overlap2 {
position:relative;
}
#triangle-up {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid red;
}
#overlap2 img {
  width: 300px;
  height:300px; 
 position:fixed;
      left: 43px;
  top: 8em;
  
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap2 img.top:hover {
  opacity:0;
}

#overlap1 {
position:relative;
}
#overlap1 img {
    width: 180px;
  position:fixed;
   right: 17em;
  top: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap1 img.top:hover {
  opacity:0;
}

#overlap3 {
position:relative;
}
#overlap3 img {
  width: 180px;
  position:fixed;
    right: 17em;
  top: 184px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap3 img.top:hover {
  opacity:0;
}


#overlap4 {
position:relative;
}
#overlap4 img {
    width: 180px;
  
  position:fixed;
     top: 368px;
  right: 13em;
  
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap4 img.top:hover {
  opacity:0;
}


/* =============================================================
   FONTS STYLES
 ============================================================ */

#overlap5 {
position:relative;
}
#overlap5 img {
    width: 180px;
    right: 30em;
  top: 0;
  position:fixed;

  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap5 img.top:hover {
  opacity:0;
}

#overlap6 {
position:relative;
}
#overlap6 img {
    width: 180px;
right: 17em;
  top: 0em;
  position:fixed;

  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap6 img.top:hover {
  opacity:0;
}
#overlap7 {
position:relative;
}
#overlap7 img {
    width: 180px;
  
  position:fixed;
right: 10em;
  top: 13em;

   
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap7 img.top:hover {
  opacity:0;
}
#overlap8 {
position:relative;
}
#overlap8 img {
    width: 180px;
  position:fixed;
  right: 10em;
  top: 26em;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap8 img.top:hover {
  opacity:0;
}
#overlap9 {
position:relative;
}
#overlap9 img {
    width: 180px;
  position:fixed;
  right: 23em;
  top: 13em;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap9 img.top:hover {
  opacity:0;
}
#overlap10 {
position:relative;
}
#overlap10 img {
    width: 180px;
    top: 35px;
  right: 22em;
  position:fixed;

  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap10 img.top:hover {
  opacity:0;
}
#overlap11 {
position:relative;
}
#overlap11 img {
    width: 180px;
    left: 5em;
  top: 14em;
  position:fixed;
  
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap11 img.top:hover {
  opacity:0;
}
#overlap12 {
position:relative;
}
#overlap12 img {
    width: 180px;
  left: 18em;
  top: 14em;
  position:fixed;
  
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap12 img.top:hover {
  opacity:0;
}
#overlap13 {
 
  position:relative;
  margin:0 auto;
}
#overlap13 img {
    width: 180px;
   left: 17em;
  top: 26em;
  position:fixed;

 
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#overlap13 img.top:hover {
  opacity:0;
}

table.this-is-us {
    margin-left: 185px;
}

.rotate{
margin:0;
margin-top:16em;
margin-left:4em;
padding-top: 0px; 
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-40deg);
background-color:#09f;
float:left;
width:200px;
height:14em;
background-image:url('samp1.jpg');
background-repeat:no-repeat;
background-size:200%;
}

.rotate1{
margin:0;
margin-top:6.9em;
margin-left:-3.5em;
padding-top: 0px; 
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-40deg);
background-color:#09f;
float:left;
width:200px;
height:14em;
background-image:url('fashion-philosphy-two.jpg');
background-repeat:no-repeat;
background-size:200%;
}
.rotate2{
margin:0;
margin-top:8.5em;
margin-left:-3.3em;
padding-top: 0px; 
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-40deg);
background-color:#09f;
float:left;
width:200px;
height:14em;
background-image:url('fashion-philosphy-three.jpg');
background-repeat:no-repeat;
background-size:200%;
}
.rotate3{
margin:0;
margin-top:17.7em;
margin-left:-5.3em;
padding-top: 0px; 
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-40deg);
background-color:#09f;
float:left;
width:200px;
height:14em;
background-image:url('fashion-philosphy.jpg');
background-repeat:no-repeat;
background-size:200%;
}

.rotate4{
margin:0;
margin-top:10.1em;
margin-left:-3.5em;
padding-top: 0px; 
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-40deg);
background-color:#09f;
float:left;
width:200px;
height:14em;
background-image:url('fashion-arts.jpg');
background-repeat:no-repeat;
background-size:200%;
}

.rotate6{
margin:0;
margin-top:11.5em;
margin-left:-3.3em;
padding-top: 0px; 
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-40deg);
background-color:#09f;
float:left;
width:200px;
height:14em;
background-image:url('samp3.jpg');
background-repeat:no-repeat;
background-size:200%;
}
.rotate5{
margin:0;
margin-top:19.2em;
margin-left:-5.2em;
padding-top: 0px; 
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-40deg);
background-color:#09f;
float:left;
width:200px;
height:14em;
background-image:url('square-images-two.jpg');
background-repeat:no-repeat;
background-size:200%;
}

.rotate7{
margin:0;
margin-top:20.8em;
margin-left:-5.2em;
padding-top: 0px; 
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-40deg);
background-color:#09f;
float:left;
width:200px;
height:14em;
background-image:url('square-images-three.jpg');
background-repeat:no-repeat;
background-size:200%;
}
.overlaping {overflow:hidden;height:40em;width:100%;}
.rotate img {width:100%;}
.rotate1 img {width:80%;}
.rotate3 img {width:80%;}