    #first-child
    {
      top:0;
      left:0;
      background-color: yellowgreen;
    }
    #second-child
    {
      top:0;
      left:50%;
      background-color: #E6537D;
      color:black;
    }
    #third-child
    {
      top:50%;
      left:0;
      background-color: crimson;
    }
    #fourth-child
    {
      top:50%;
      left:50%;
      background-color: lightseagreen;
      color:black;
    }
    .big-box
    {
      position: absolute;
      width: 50%;
      height: 50%;
      opacity:1;
      color:white;
    }
    .big-box h2
    {
      text-align: center;
      margin-top: 20%;
      padding: 20px;
      width: 100%;
      font-size: 1.8em;
      letter-spacing: 2px;
      font-weight: 700;
      text-transform: uppercase;
	     font-family:'Salsa',cursive;
	     cursor:pointer;
    } 
    a
    {
      text-decoration:none ! important;
    }
  	h4
  	{
  	font-family:'Salsa',cursive;
  	}
    
    .modal-dialog {
      width: 100%;
      height: 100%;
      padding: 0;
      margin:0;
    }
    .modal-content {
      
      height: 100%;
      border-radius: 0;
      color:white;
      overflow:auto;
    }
    .modal-body p
    {
      margin: 0 auto;
      padding-bottom: 15px;
      font-size: 1.7em;
      line-height: 1.8;
      font-family:'Open Sans',sans-serif;
    }
    .modal-title
    {
      font-size: 3em;
      font-weight: 300;
      margin: 0 0 20px 0;
	  color:white;
    }
    .modal-content-one
    {
      background-color:yellowgreen;
    }
    .modal-content-two
    {
      background-color:#E6537D;
    }
    .modal-content-three
    {
      background-color:lightseagreen;
    }
    .modal-content-four
    {
      background-color:lightseagreen;
    }
    .thumbnail > img
    {
      height:200px;
    }
    .close
    {
      color:white ! important;
      opacity:1.0;

    }
    .download{
      background-color:#D12F2F;
      text-transform: uppercase;
      padding: 3px 12px 3px 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      font-weight: bold;
      text-decoration: none;
      color: #fff;
      font-size: 12px;
      font-family: arial;
    }
    .demo{
      background-color:#339933;
      text-transform: uppercase;
      padding: 3px 12px 3px 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      font-weight: bold;
      text-decoration: none;
      color: #fff;
      font-size: 12px;
      font-family: arial;
    }
    .tutorial{
      background-color:palevioletred;
      text-transform: uppercase;
      padding: 3px 12px 3px 12px;
      -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      font-weight: bold;
      text-decoration: none;
      color: #fff;
      font-size: 12px;
      font-family: arial;
    }
    .articles{
      text-transform: uppercase;
    }
    .disabled{
      text-decoration:line-through;
    }
    .tut-button{
      background-color: crimson;
      background-image: -webkit-linear-gradient(top, crimson, crimson);
      background-image: -moz-linear-gradient(top,crimson,crimson);
      /* display: inline-block; */
      width: 100%;
      margin-right: 40%;
      margin-left: 40%;
      font-size: 18px;
      font-family: 'Meiryo UI';
      color: #fff !important;
      text-decoration: none !important;
      padding: 5px 10px;
      line-height: inherit;
      overflow: hidden;
      position: relative;
      border-radius: 2px;
    }
  
  @media screen and (max-width: 46.5em) 
    {
      .big-box h2
      {
        font-size:16px;
        padding-left:0px;       
      }
      .tut-button
      {
        font-size:12px;
        margin-left:30%;
      }
    }

    @media screen and (max-width: 20.5em) 
    {
      .big-box h2
      {
        font-size:12px;
        padding-left:0px;
        margin-top:30%;
      }
      .tut-button
      {
        font-size:10px;
        margin-left:20%;
      }
    }
.modal-dialog {
      width: 40%;
      height: 100%;
      padding: 0;
	  left:30%;
	  top:150px;
}
.modal-content {    
      height: 60%;
      border-radius: 0;
      color:white;
      overflow:auto;
}
