/*ARTICLE STYLE*/
.Questions{
    margin-left:20%;
	width:70%;
	height:auto;
	position:absolute;
	font-family:'Open Sans', sans-serif;
}
.Title{
	margin-top:20px;
    margin-left: 13%;
	max-width:70%;
	font-size:2.4em;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:10px;
    color: #000000;
}
.Author{
	display:inline;
    margin-left: 13%;
	text-align:right;
	font-weight:800;
	padding-bottom:20px;	
    color:rgb(196, 196, 196);
}
.Section_title {
    margin-top:20px;
    margin-left: 13%;
	width:20%;
    text-align: center;
	font-size:2em;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:10px;
    background-color: rgba(255, 255, 255, 0.90);
}

.p-col-1{
	margin-top:40px;
    margin-left: 13%;
    padding: 5px 10px;
	width:50%;
    text-align: start;
	line-height:1.5;
	hyphens: auto;
    background-color: rgba(255, 255, 255, 0.90);
}
.p-col-q {
    margin-top:40px;
    margin-left: 13%;
    padding: 5px 40px;
	width:44%;
    text-align: start;
    font-size: 0.8em;
	line-height:1.5;
	hyphens: auto;
    background-color: rgba(255, 255, 255, 0.90);
}
.p-col-mott {
    margin-top:40px;
    margin-left: 13%;
    padding: 5px 10px 5px 10px;
	width:50%;
    text-align: right;
    background-color: rgba(255, 255, 255, 0.90);
}


.Image-Right{
    float: right;
    margin-top: 4%;
}
.Image-Left{
    float: left;
    margin-left: -150px;
    margin-top: 4%;
}
.Image-Style-1{
text-align:left;
padding:1em 0em 1em 0em;
margin-top: 20px;
margin-bottom: 20px;
}

.Figure{
    margin-top: 40px;
    background-color: rgba(255, 255, 255, 0.90);
}
.Figure_title {
    margin-left: 13.5%;
    max-width: 60%;
    font-family: 'Open Sans' sans-serif;
    font-size: 0.8em;
    color:#555555;
}

.ImageH{
    padding-top: 10px;
    margin-left: 13.5%;
    margin-right: auto;
}

.Notes {
    font-size: 0.8em;
    margin-left: 13%;
    display: block;
}

.References{
margin-top:6em;
position:relative;
float: left;
font-size: 0.85em;
margin-left:20em;
width:35em;
}

.p-ref {
padding-bottom: 1em;
}

.push{
    display: block;
    width: 100%;
    height: 40px;
}
.push2{
    position: relative;
    float: left;
    display: block;
    width: 100%;
    height: 100px;
}
.Video_Insert{
     position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0; 
}
.Video_Insert iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

.Video_title{
    max-width: 60%;
    font-family: 'Open Sans' sans-serif;
    font-size: 0.8em;
    color:#555555;
}

.Line{
    position: relative;
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: 6px;
    display: block;
    background-color: #555555;
}

/* ZE SPEECH BUBBLES*/

/*Michael*/
.M-Div {
width: 60%;
float: left;
clear: both;
}
.triangle-border-M {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  border:5px solid #000;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:20px;
}

.triangle-border-M:before {
  content:"";
  position:absolute;
  bottom:-20px; /* value = - border-top-width - border-bottom-width */
  left:40px; /* controls horizontal position */
  border-width:20px 20px 0;
  border-style:solid;
  border-color:#000000 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.Michael-Name{
    margin-left: 30px;
    margin-top: -10px;
}
.p-Michael {
max-width: 90%;
text-align: justify;
text-justify: distribute;
text-indent: 3em;
}
/**/
.triangle-border {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  border:5px solid #000;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:20px;
}

.triangle-border.left:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 30px 15px 0;
  border-color:transparent #5a8f00;
}

.triangle-border.right:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:auto;
  right:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 0 15px 30px;
  border-color:transparent #5a8f00;
}

.triangle-border.left1:before {
  top:10px; /* controls vertical position */
  bottom:auto;
  left:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 30px 15px 0;
  border-color:transparent #5a8f00;
}

/*FRANC*/
.f-Div {
float: left;
clear: right;
}
.triangle-border-f {
  position:relative;
  padding:15px;
  margin:3% 200px ;
  border:5px solid #3D9639;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:20px;
}

.triangle-border-f:before {
  content:"";
  position:absolute;
  top:10px; /* controls vertical position */
  bottom:auto;
  left:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 30px 15px 0;
  border-style:solid;
  border-color:transparent #3D9639;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.p-Franc {
  text-align: justify;
  text-justify: distribute;
  text-indent: 3em;
  color: #1C6019;
}
.Franc {
    float: left;
    margin-top: 42px;
    margin-left: 100px;
    color: #1C6019;
}
/*Hilary*/
.Hilary-div{
    float: right;
    clear: left;
    width: 90%;
}
.Hilary{
    float: right;
    margin-right: 200px;
    margin-top: 25px;
    color: #2E3D6A;
}
.triangle-border-h{
    position:relative;
    padding:15px;
    margin:1% 300px 0px auto;
    border:5px solid #4B6ED7;
    color:#333;
    background:#fff;
      /* css3 */
     -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:20px;
}
.triangle-border-h:before{
  content:"";
  position:absolute;
  top:10px; /* controls vertical position */
  bottom:auto;
  left:auto;
  right:-30px; /* value = - border-left-width - border-right-width */
  border-width:15px 0 15px 30px;
  border-style:solid;
  border-color:transparent #4B6ED7;
  display:block;
  width:0;
}
.p-Hilary{
  text-align: justify;
  text-justify: distribute;
  text-indent: 3em; 
  color: #2E3D6A; 
}
/*Eilon*/
.Eilon-Div {
float: left;
clear: right;
width: 90%;
}
.triangle-border-E {
  position:relative;
  padding:15px;
  margin:10% 30px 0px 200px;
  border:5px solid #D95537;
  color:#333;
  background:#fff;
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:20px;
}

.triangle-border-E:before {
  content:"";
  position:absolute;
  top:-30px; /* controls vertical position */
  bottom:auto;
  left:85%; /* value = - border-left-width - border-right-width */
  border-width:0px 15px 30px 15px;
  border-style:solid;
  border-color: #D95537 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

.p-Eilon {
  text-align: justify;
  text-justify: distribute;
  text-indent: 3em;
  color: #851900;
}
.Eilon {
    float: right;
    margin-top: 20px;
    margin-right: 85px;
    color: #851900;
}


@media (min-width:768px) and (max-width:980px) {
    .Experimodern{
	margin-left:15%;
    }
    .Title{
	    font-size:1.8em;
        padding-top: 61px;
    }
    .Section_title {
	    max-width:60%;
	    font-size:1.4em;
        padding-top: 61px;
    }

    .p-col-1{
	    font-size: 0.9em;
	    width:80%;
    }
    .References{
    margin-left:4%;
    }
     .Michael-Name,   .p-Michael{
            font-size: 0.9em;
        }
    .M-Div {
    width: 80%;
    }
    .Hilary-div{
    float: none;
   
    }
    .Hilary{
        margin-right: -3%;
        font-size: 0.93em;
    }
       .p-Hilary{
    font-size: 0.9em;
}
    .triangle-border-h {
        padding: 15px;
        margin: 2% 30% 1% 0.2%;
    }
    .triangle-border-f{
    margin-left: 23%;
    width:60%;
}
    
    .p-Franc {
      font-size: 0.9em;
    }
    .Franc {
        float: left;
        margin-top: 22px;
        margin-left: 1px;
        font-size: 0.9em;
    }
    /*Eilon*/
    .Eilon-Div {
    margin-top: 40px;
    }
    .triangle-border-E {
      position:relative;
      padding:15px;
      margin:1% 15px 0px;
    }

    .p-Eilon {
      font-size: 0.9em;
      text-indent: 0.2em;
      text-justify: auto;
    }
    .Eilon {
        float: right;
        margin-right: 24%;
        margin-top: -40px;
        font-size: 0.93em;
    }
    .triangle-border-E:before {
      left:70%; /* value = - border-left-width - border-right-width */
    }
    .Video_Insert iframe{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    /*width: 90%;*/
}
}

@media (min-width:481px) and (max-width:767px){
    .Questions{
	margin-left:15%;
    padding-bottom: 60px;
    }
    .Title{
	    font-size:1em;
        padding-top: 61px;
    }
    .Section_title {
	    max-width:60%;
	    font-size:1em;
        padding-top: 61px;
    }

    .p-col-1{
	    font-size: 0.8em;
	    width:80%;
    }
    .References{
    margin-left:4%;
    width: 90%;
    }
   
     .Michael-Name,   .p-Michael{
            font-size: 0.9em;
        }
    .M-Div {
    width: 80%;
    }
    .Hilary-div{
    float: none;
   
    }
    .Hilary{
        margin-right: -3%;
        font-size: 0.93em;
    }
       .p-Hilary{
    font-size: 0.9em;
}
    .triangle-border-h {
        padding: 15px;
        margin: 2% 30% 1% 0.2%;
    }
    .triangle-border-f{
    margin-left: 23%;
    width:60%;
}
    
    .p-Franc {
      font-size: 0.9em;
    }
    .Franc {
        float: left;
        margin-top: 22px;
        margin-left: 1px;
        font-size: 0.93em;
    }
    /*Eilon*/
    .Eilon-Div {
    margin-top: 40px;
    }
    .triangle-border-E {
      position:relative;
      padding:15px;
      margin:1% 15px 0px;
    }

    .p-Eilon {
      font-size: 0.9em;
      text-indent: 0.2em;
      text-justify: auto;
    }
    .Eilon {
        float: right;
        margin-right: 24%;
        margin-top: -40px;
        font-size: 0.93em;
    }
    .triangle-border-E:before {
      left:70%; /* value = - border-left-width - border-right-width */
    }
.Video_Insert iframe{
    /*width: 90%;*/
      position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}

@media (min-width:320px) and (max-width:480px) {
    .Questions{
	margin-left:15%;
    padding-bottom: 60px;
    font-size: 0.85em;
    }
    .Title{
	    font-size:1em;
        padding-top: 61px;
    }
    .Section_title {
	    max-width:60%;
	    font-size:1em;
        padding-top: 61px;
    }

    .p-col-1{
	    font-size: 0.8em;
	    width:80%;
    }
    .References{
    margin-left:4%;
    width: 90%;
    }
    .Michael-Name,   .p-Michael{
            font-size: 0.9em;
        }
    .M-Div {
    width: 80%;
    }
    .Hilary-div{
    float: none;
    }
    .p-Hilary{
    font-size: 0.9em;
}
    .Hilary{
        margin-right: -3%;
        font-size: 0.93em;
    }
    .triangle-border-h {
        padding: 15px;
        margin: 2% 30% 1% 0.2%;
    }
    .triangle-border-f{
    margin-left: 23%;
    width:40%;
}
    
    .p-Franc {
      font-size: 0.9em;
    }
    .Franc {
        float: left;
        margin-top: 22px;
        margin-left: 1px;
        font-size: 0.93em;
    }
    /*Eilon*/
    .Eilon-Div {
    margin-top: 40px;
    }
    .triangle-border-E {
      position:relative;
      padding:15px;
      margin:1% 15px 0px;
    }


    .p-Eilon {
      font-size: 0.9em;
      text-indent: 0.2em;
      text-justify: auto;
    }
    .Eilon {
        float: right;
        margin-right: 10%;
        margin-top: -40px;
        font-size: 0.93em;
    }
    .triangle-border-E:before {
      left:70%; /* value = - border-left-width - border-right-width */
    }
    .Video_Insert iframe{
    /*width: 90%;*/
      position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}       
}