*{ padding: 0; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

body{
  line-height: 1.6;
}
img{ max-width: 100%; }
a, a img{
  border: 0;
}
ul, ol{
  margin: 10px 5%;
  list-style-position: inside;
  list-style: none;
}
h1, h2, h3, h4, h5, h6, p{ margin: 15px 0; }

header, nav, footer{
  display: block;
}

.addboxhmargins{ margin-left: 1% !important; margin-right: 1% !important; }
.addboxvmargins{ margin-top: 10px !important; margin-bottom: 10px !important }
.addboxmargins{ margin: 10px 1%;}


.noresponsive .alignleft{  float: left; }
.noresponsive .alignright{ float: right; }
.noresponsive .aligncenter{ display: block; margin: 0 auto; }
.noresponsive img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
.noresponsive img.alignright{ float: right; margin: 10px 0 10px 10px; }
.noresponsive img.aligncenter{ display: block; margin: 10px auto; }

.noresponsive .five{ width: 3%; }
.noresponsive .ten{ width: 8%; }
.noresponsive .fifteen{ width: 13%; }
.noresponsive .twenty{ width: 18%; }
.noresponsive .twentyfive{ width: 23%; }
.noresponsive .thirty{ width: 28%; }
.noresponsive .thirtythree{ width: 31.3%; }
.noresponsive .thirtyfive{ width: 33%; }
.noresponsive .fourty{ width: 38%; }
.noresponsive .fourtyfive{ width: 43%; }
.noresponsive .fifty{ width: 48%; }
.noresponsive .fiftyfive{ width: 53%; }
.noresponsive .sixty{ width: 58%; }
.noresponsive .sixtyfive{ width: 63%; }
.noresponsive .seventy{ width: 68%; }
.noresponsive .seventyfive{ width: 73%; }
.noresponsive .eighty{ width: 78%; }
.noresponsive .eightyfive{ width: 83%; }
.noresponsive .ninety{ width: 88%; }
.noresponsive .ninetyfive{ width: 93%; }
.noresponsive .hundred{ width: 98%; }

.noresponsive .fivefull{ width: 5%; }
.noresponsive .tenfull{ width: 10%; }
.noresponsive .fifteenfull{ width: 15%; }
.noresponsive .twentyfull{ width: 20%; }
.noresponsive .twentyfivefull{ width: 25%; }
.noresponsive .thirtyfull{ width: 30%; }
.noresponsive .thirtythreefull{ width: 33.3%; }
.noresponsive .thirtyfivefull{ width: 35%; }
.noresponsive .fourtyfull{ width: 40%; }
.noresponsive .fourtyfivefull{ width: 45%; }
.noresponsive .fiftyfull{ width: 50%; }
.noresponsive .fiftyfivefull{ width: 55%; }
.noresponsive .sixtyfull{ width: 60%; }
.noresponsive .sixtyfivefull{ width: 65%; }
.noresponsive .seventyfull{ width: 70%; }
.noresponsive .seventyfivefull{ width: 75%; }
.noresponsive .eightyfull{ width: 80%; }
.noresponsive .eightyfivefull{ width: 85%; }
.noresponsive .ninetyfull{ width: 90%; }
.noresponsive .ninetyfivefull{ width: 95%; }
.noresponsive .hundredfull{ width: 100%; }

/* ALL BOXES WILL BE THE SAME SIZE WITHIN THE PARENT */

.noresponsive .fivefullcontainer > div{ width: 5%; }
.noresponsive .tenfullcontainer > div{ width: 10%; }
.noresponsive .fifteenfullcontainer > div{ width: 15%; }
.noresponsive .twentyfullcontainer > div{ width: 20%; }
.noresponsive .twentyfivefullcontainer > div{ width: 25%; }
.noresponsive .thirtyfullcontainer > div{ width: 30%; }
.noresponsive .thirtythreefullcontainer > div{ width: 33.3%; }
.noresponsive .thirtyfivefullcontainer > div{ width: 35%; }
.noresponsive .fourtyfullcontainer > div{ width: 40%; }
.noresponsive .fourtyfivefullcontainer > div{ width: 45%; }
.noresponsive .fiftyfullcontainer > div{ width: 50%; }
.noresponsive .fiftyfivefullcontainer > div{ width: 55%; }
.noresponsive .sixtyfullcontainer > div{ width: 60%; }
.noresponsive .sixtyfivefullcontainer > div{ width: 65%; }
.noresponsive .seventyfullcontainer > div{ width: 70%; }
.noresponsive .seventyfivefullcontainer > div{ width: 75%; }
.noresponsive .eightyfullcontainer > div{ width: 80%; }
.noresponsive .eightyfivefullcontainer > div{ width: 85%; }
.noresponsive .ninetyfullcontainer > div{ width: 90%; }
.noresponsive .ninetyfivefullcontainer > div{ width: 95%; }
.noresponsive .hundredfullcontainer > div{ width: 100%; }

.noresponsive .fivecontainer > div{ width: 3%; }
.noresponsive .tencontainer > div{ width: 8%; }
.noresponsive .fifteencontainer > div{ width: 13%; }
.noresponsive .twentycontainer > div{ width: 18%; }
.noresponsive .twentyfivecontainer > div{ width: 23%; }
.noresponsive .thirtycontainer > div{ width: 28%; }
.noresponsive .thirtythreecontainer > div{ width: 31.3%; }
.noresponsive .thirtyfivecontainer > div{ width: 33%; }
.noresponsive .fourtycontainer > div{ width: 38%; }
.noresponsive .fourtyfivecontainer > div{ width: 43%; }
.noresponsive .fiftycontainer > div{ width: 48%; }
.noresponsive .fiftyfivecontainer > div{ width: 53%; }
.noresponsive .sixtycontainer > div{ width: 58%; }
.noresponsive .sixtyfivecontainer > div{ width: 63%; }
.noresponsive .seventycontainer > div{ width: 68%; }
.noresponsive .seventyfivecontainer > div{ width: 73%; }
.noresponsive .eightycontainer > div{ width: 78%; }
.noresponsive .eightyfivecontainer > div{ width: 83%; }
.noresponsive .ninetycontainer > div{ width: 88%; }
.noresponsive .ninetyfivecontainer > div{ width: 93%; }
.noresponsive .hundredcontainer > div{ width: 98%; }

.noresponsive .hashundred{ width: 98%; float: left; }
.noresponsive .hasfifty{ width: 48%; float: left; }
.noresponsive .hastwentyfive{ width: 23%; float: left; }


.noresponsive .addboxhcontainermargins > div{ margin: 0 1%; }
.noresponsive .addboxvcontainermargins > div{ margin: 10px 0%; }
.noresponsive .addboxcontainermargins > div{ margin: 10px 1%; }

.responsive .ninesixty{ width: 100%; max-width: 960px; }
.noresponsive .ninesixty{ width: 960px; }

.ninesixty:after{ content: ''; display: block; clear: both; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  .responsive .five{ width: 98%; }
  .responsive .ten{ width: 98%; }
  .responsive .fifteen{ width: 98%; }
  .responsive .twenty{ width: 98%; }
  .responsive .twentyfive{ width: 98%; }
  .responsive .thirty{ width: 98%; }
  .responsive .thirtythree{ width: 98%; }
  .responsive .thirtyfive{ width: 98%; }
  .responsive .fourty{ width: 98%; }
  .responsive .fourtyfive{ width: 98%; }
  .responsive .fifty{ width: 98%; }
  .responsive .fiftyfive{ width: 98%; }
  .responsive .sixty{ width: 98%; }
  .responsive .sixtyfive{ width: 98%; }
  .responsive .seventy{ width: 98%; }
  .responsive .seventyfive{ width: 98%; }
  .responsive .eighty{ width: 98%; }
  .responsive .eightyfive{ width: 98%; }
  .responsive .ninety{ width: 98%; }
  .responsive .ninetyfive{ width: 98%; }
  .responsive .hundred{ width: 98%; }

  .responsive .fivefull{ width: 100%; }
  .responsive .tenfull{ width: 100%; }
  .responsive .fifteenfull{ width: 100%; }
  .responsive .twentyfull{ width: 100%; }
  .responsive .twentyfivefull{ width: 100%; }
  .responsive .thirtyfull{ width: 100%; }
  .responsive .thirtythreefull{ width: 100%; }
  .responsive .thirtyfivefull{ width: 100%; }
  .responsive .fourtyfull{ width: 100%; }
  .responsive .fourtyfivefull{ width: 100%; }
  .responsive .fiftyfull{ width: 100%; }
  .responsive .fiftyfivefull{ width: 100%; }
  .responsive .sixtyfull{ width: 100%; }
  .responsive .sixtyfivefull{ width: 100%; }
  .responsive .seventyfull{ width: 100%; }
  .responsive .seventyfivefull{ width: 100%; }
  .responsive .eightyfull{ width: 100%; }
  .responsive .eightyfivefull{ width: 100%; }
  .responsive .ninetyfull{ width: 100%; }
  .responsive .ninetyfivefull{ width: 100%; }
  .responsive .hundredfull{ width: 100%; }

  .responsive .addboxmargins{ margin: 10px auto; }

  .responsive .alignleft{ display: block; margin: 0 auto; }
  .responsive .alignright{ display: block; margin: 0 auto; }
  .responsive .aligncenter{ display: block; margin: 0 auto; }
  .responsive img.alignleft{ display: block; margin: 10px auto; }
  .responsive img.alignright{ display: block; margin: 10px auto; }
  .responsive img.aligncenter{ display: block; margin: 10px auto; }

  .mobile .five{ width: 48%; }
  .mobile .ten{ width: 48%; }
  .mobile .fifteen{ width: 48%; }
  .mobile .twenty{ width: 48%; }
  .mobile .twentyfive{ width: 48%; }
  .mobile .thirty{ width: 48%; }
  .mobile .thirtythree{ width: 48%; }
  .mobile .thirtyfive{ width: 48%; }
  .mobile .fourty{ width: 48%; }
  .mobile .fourtyfive{ width: 48%; }
  .mobile .fifty{ width: 48%; }
  .mobile .fiftyfive{ width: 98%; }
  .mobile .sixty{ width: 98%; }
  .mobile .sixtyfive{ width: 98%; }
  .mobile .seventy{ width: 98%; }
  .mobile .seventyfive{ width: 98%; }
  .mobile .eighty{ width: 98%; }
  .mobile .eightyfive{ width: 98%; }
  .mobile .ninety{ width: 98%; }
  .mobile .ninetyfive{ width: 98%; }
  .mobile .hundred{ width: 98%; }

  .mobile .fivefull{ width: 50%; }
  .mobile .tenfull{ width: 50%; }
  .mobile .fifteenfull{ width: 50%; }
  .mobile .twentyfull{ width: 50%; }
  .mobile .twentyfivefull{ width: 50%; }
  .mobile .thirtyfull{ width: 50%; }
  .mobile .thirtythreefull{ width: 50%; }
  .mobile .thirtyfivefull{ width: 50%; }
  .mobile .fourtyfull{ width: 50%; }
  .mobile .fourtyfivefull{ width: 50%; }
  .mobile .fiftyfull{ width: 50%; }
  .mobile .fiftyfivefull{ width: 100%; }
  .mobile .sixtyfull{ width: 100%; }
  .mobile .sixtyfivefull{ width: 100%; }
  .mobile .seventyfull{ width: 100%; }
  .mobile .seventyfivefull{ width: 100%; }
  .mobile .eightyfull{ width: 100%; }
  .mobile .eightyfivefull{ width: 100%; }
  .mobile .ninetyfull{ width: 100%; }
  .mobile .ninetyfivefull{ width: 100%; }
  .mobile .hundredfull{ width: 100%; }

  .mobile .alignleft{ float: left; }
  .mobile .alignright{ float: right; }
  .mobile .aligncenter{ display: block; margin: 0 auto; }
  .mobile img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
    .mobile img.alignright{ float: right; margin: 10px 0 10px 10px; }
    .mobile img.aligncenter{ display: block; margin: 10px auto; }
	.responsive .mobile .addboxmargins{ margin: 10px 1%; }

    .responsive .innergrid .five{ width: 3%; }
    .responsive .innergrid .ten{ width: 8%; }
    .responsive .innergrid .fifteen{ width: 13%; }
    .responsive .innergrid .twenty{ width: 18%; }
    .responsive .innergrid .twentyfive{ width: 23%; }
    .responsive .innergrid .thirty{ width: 28%; }
    .responsive .innergrid .thirtythree{ width: 31.3%; }
    .responsive .innergrid .thirtyfive{ width: 33%; }
    .responsive .innergrid .fourty{ width: 38%; }
    .responsive .innergrid .fourtyfive{ width: 43%; }
    .responsive .innergrid .fifty{ width: 48%; }
    .responsive .innergrid .fiftyfive{ width: 53%; }
    .responsive .innergrid .sixty{ width: 58%; }
    .responsive .innergrid .sixtyfive{ width: 63%; }
    .responsive .innergrid .seventy{ width: 68%; }
    .responsive .innergrid .seventyfive{ width: 73%; }
    .responsive .innergrid .eighty{ width: 78%; }
    .responsive .innergrid .eightyfive{ width: 83%; }
    .responsive .innergrid .ninety{ width: 88%; }
    .responsive.innergrid .ninetyfive{ width: 93%; }
    .responsive .innergrid .hundred{ width: 98%; }

    .innergrid .fivefull{ width: 5%; }
    .innergrid .tenfull{ width: 10%; }
    .innergrid .fifteenfull{ width: 15%; }
    .innergrid .twentyfull{ width: 20%; }
    .innergrid .twentyfivefull{ width: 25%; }
    .innergrid .thirtyfull{ width: 30%; }
    .innergrid .thirtythreefull{ width: 33.3%; }
    .innergrid .thirtyfivefull{ width: 35%; }
    .innergrid .fourtyfull{ width: 40%; }
    .innergrid .fourtyfivefull{ width: 45%; }
    .innergrid .fiftyfull{ width: 50%; }
    .innergrid .fiftyfivefull{ width: 55%; }
    .innergrid .sixtyfull{ width: 60%; }
    .innergrid .sixtyfivefull{ width: 65%; }
    .innergrid .seventyfull{ width: 70%; }
    .innergrid .seventyfivefull{ width: 75%; }
    .innergrid .eightyfull{ width: 80%; }
    .innergrid .eightyfivefull{ width: 85%; }
    .innergrid .ninetyfull{ width: 90%; }
    .innergrid .ninetyfivefull{ width: 95%; }
    .innergrid .hundredfull{ width: 100%; }

    .responsive .innergrid .alignleft{  float: left; }
    .responsive .innergrid .alignright{ float: right; }
    .responsive .innergrid .aligncenter{ display: block; margin: 0 auto !important; }
    .responsive .innergrid img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
    .responsive .innergrid img.alignright{ float: right; margin: 10px 0 10px 10px; }
    .responsive .innergrid img.aligncenter{ display: block; margin: 10px auto; }
    .responsive .innergrid .addboxmargins{ margin: 10px 1%; }
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) and (max-width: 960px) {
  .responsive .five{ width: 98%; }
  .responsive .ten{ width: 98%; }
  .responsive .fifteen{ width: 98%; }
  .responsive .twenty{ width: 98%; }
  .responsive .twentyfive{ width: 98%; }
  .responsive .thirty{ width: 98%; }
  .responsive .thirtythree{ width: 98%; }
  .responsive .thirtyfive{ width: 98%; }
  .responsive .fourty{ width: 98%; }
  .responsive .fourtyfive{ width: 98%; }
  .responsive .fifty{ width: 98%; }
  .responsive .fiftyfive{ width: 98%; }
  .responsive .sixty{ width: 98%; }
  .responsive .sixtyfive{ width: 98%; }
  .responsive .seventy{ width: 98%; }
  .responsive .seventyfive{ width: 98%; }
  .responsive .eighty{ width: 98%; }
  .responsive .eightyfive{ width: 98%; }
  .responsive .ninety{ width: 98%; }
  .responsive .ninetyfive{ width: 98%; }
  .responsive .hundred{ width: 98%; }

  .responsive .fivefull{ width: 100%; }
  .responsive .tenfull{ width: 100%; }
  .responsive .fifteenfull{ width: 100%; }
  .responsive .twentyfull{ width: 100%; }
  .responsive .twentyfivefull{ width: 100%; }
  .responsive .thirtyfull{ width: 100%; }
  .responsive .thirtythreefull{ width: 100%; }
  .responsive .thirtyfivefull{ width: 100%; }
  .responsive .fourtyfull{ width: 100%; }
  .responsive .fourtyfivefull{ width: 100%; }
  .responsive .fiftyfull{ width: 100%; }
  .responsive .fiftyfivefull{ width: 100%; }
  .responsive .sixtyfull{ width: 100%; }
  .responsive .sixtyfivefull{ width: 100%; }
  .responsive .seventyfull{ width: 100%; }
  .responsive .seventyfivefull{ width: 100%; }
  .responsive .eightyfull{ width: 100%; }
  .responsive .eightyfivefull{ width: 100%; }
  .responsive .ninetyfull{ width: 100%; }
  .responsive .ninetyfivefull{ width: 100%; }
  .responsive .hundredfull{ width: 100%; }

  .responsive .addboxmargins{ margin: 10px 1%; }

  .responsive .alignleft{ display: block; margin: 0 auto; }
  .responsive .alignright{ display: block; margin: 0 auto; }
  .responsive .aligncenter{ display: block; margin: 0 auto; }
  .responsive img.alignleft{ display: block; margin: 10px auto; }
  .responsive img.alignright{ display: block; margin: 10px auto; }
  .responsive img.aligncenter{ display: block; margin: 10px auto; }

  .mobile .five{ width: 48%; }
  .mobile .ten{ width: 48%; }
  .mobile .fifteen{ width: 48%; }
  .mobile .twenty{ width: 48%; }
  .mobile .twentyfive{ width: 48%; }
  .mobile .thirty{ width: 48%; }
  .mobile .thirtythree{ width: 48%; }
  .mobile .thirtyfive{ width: 48%; }
  .mobile .fourty{ width: 48%; }
  .mobile .fourtyfive{ width: 48%; }
  .mobile .fifty{ width: 48%; }
  .mobile .fiftyfive{ width: 98%; }
  .mobile .sixty{ width: 98%; }
  .mobile .sixtyfive{ width: 98%; }
  .mobile .seventy{ width: 98%; }
  .mobile .seventyfive{ width: 98%; }
  .mobile .eighty{ width: 98%; }
  .mobile .eightyfive{ width: 98%; }
  .mobile .ninety{ width: 98%; }
  .mobile .ninetyfive{ width: 98%; }
  .mobile .hundred{ width: 98%; }

  .mobile .fivefull{ width: 50%; }
  .mobile .tenfull{ width: 50%; }
  .mobile .fifteenfull{ width: 50%; }
  .mobile .twentyfull{ width: 50%; }
  .mobile .twentyfivefull{ width: 50%; }
  .mobile .thirtyfull{ width: 50%; }
  .mobile .thirtythreefull{ width: 50%; }
  .mobile .thirtyfivefull{ width: 50%; }
  .mobile .fourtyfull{ width: 50%; }
  .mobile .fourtyfivefull{ width: 50%; }
  .mobile .fiftyfull{ width: 50%; }
  .mobile .fiftyfivefull{ width: 100%; }
  .mobile .sixtyfull{ width: 100%; }
  .mobile .sixtyfivefull{ width: 100%; }
  .mobile .seventyfull{ width: 100%; }
  .mobile .seventyfivefull{ width: 100%; }
  .mobile .eightyfull{ width: 100%; }
  .mobile .eightyfivefull{ width: 100%; }
  .mobile .ninetyfull{ width: 100%; }
  .mobile .ninetyfivefull{ width: 100%; }
  .mobile .hundredfull{ width: 100%; }

  .mobile .alignleft{ float: left; }
  .mobile .alignright{ float: right; }
  .mobile .aligncenter{ display: block; margin: 0 auto; }
  .mobile img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
    .mobile img.alignright{ float: right; margin: 10px 0 10px 10px; }
    .mobile img.aligncenter{ display: block; margin: 10px auto; }
	.mobile .addboxmargins{ margin: 10px 1%; }


    .responsive .innergrid .five{ width: 3%; }
    .responsive .innergrid .ten{ width: 8%; }
    .responsive .innergrid .fifteen{ width: 13%; }
    .responsive .innergrid .twenty{ width: 18%; }
    .responsive .innergrid .twentyfive{ width: 23%; }
    .responsive .innergrid .thirty{ width: 28%; }
    .responsive .innergrid .thirtythree{ width: 31.3%; }
    .responsive .innergrid .thirtyfive{ width: 33%; }
    .responsive .innergrid .fourty{ width: 38%; }
    .responsive .innergrid .fourtyfive{ width: 43%; }
    .responsive .innergrid .fifty{ width: 48%; }
    .responsive .innergrid .fiftyfive{ width: 53%; }
    .responsive .innergrid .sixty{ width: 58%; }
    .responsive .innergrid .sixtyfive{ width: 63%; }
    .responsive .innergrid .seventy{ width: 68%; }
    .responsive .innergrid .seventyfive{ width: 73%; }
    .responsive .innergrid .eighty{ width: 78%; }
    .responsive .innergrid .eightyfive{ width: 83%; }
    .responsive .innergrid .ninety{ width: 88%; }
    .responsive.innergrid .ninetyfive{ width: 93%; }
    .responsive .innergrid .hundred{ width: 98%; }

    .innergrid .fivefull{ width: 5%; }
    .innergrid .tenfull{ width: 10%; }
    .innergrid .fifteenfull{ width: 15%; }
    .innergrid .twentyfull{ width: 20%; }
    .innergrid .twentyfivefull{ width: 25%; }
    .innergrid .thirtyfull{ width: 30%; }
    .innergrid .thirtythreefull{ width: 33.3%; }
    .innergrid .thirtyfivefull{ width: 35%; }
    .innergrid .fourtyfull{ width: 40%; }
    .innergrid .fourtyfivefull{ width: 45%; }
    .innergrid .fiftyfull{ width: 50%; }
    .innergrid .fiftyfivefull{ width: 55%; }
    .innergrid .sixtyfull{ width: 60%; }
    .innergrid .sixtyfivefull{ width: 65%; }
    .innergrid .seventyfull{ width: 70%; }
    .innergrid .seventyfivefull{ width: 75%; }
    .innergrid .eightyfull{ width: 80%; }
    .innergrid .eightyfivefull{ width: 85%; }
    .innergrid .ninetyfull{ width: 90%; }
    .innergrid .ninetyfivefull{ width: 95%; }
    .innergrid .hundredfull{ width: 100%; }

    .responsive .innergrid .alignleft{  float: left; }
    .responsive .innergrid .alignright{ float: right; }
    .responsive .innergrid .aligncenter{ display: block; margin: 0 auto !important; }
    .responsive .innergrid img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
    .responsive .innergrid img.alignright{ float: right; margin: 10px 0 10px 10px; }
    .responsive .innergrid img.aligncenter{ display: block; margin: 10px auto; }
    .responsive .innergrid .addboxmargins{ margin: 10px 1%; }
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
  .responsive .five{ width: 98%; }
  .responsive .ten{ width: 98%; }
  .responsive .fifteen{ width: 98%; }
  .responsive .twenty{ width: 98%; }
  .responsive .twentyfive{ width: 98%; }
  .responsive .thirty{ width: 98%; }
  .responsive .thirtythree{ width: 98%; }
  .responsive .thirtyfive{ width: 98%; }
  .responsive .fourty{ width: 98%; }
  .responsive .fourtyfive{ width: 98%; }
  .responsive .fifty{ width: 98%; }
  .responsive .fiftyfive{ width: 98%; }
  .responsive .sixty{ width: 98%; }
  .responsive .sixtyfive{ width: 98%; }
  .responsive .seventy{ width: 98%; }
  .responsive .seventyfive{ width: 98%; }
  .responsive .eighty{ width: 98%; }
  .responsive .eightyfive{ width: 98%; }
  .responsive .ninety{ width: 98%; }
  .responsive .ninetyfive{ width: 98%; }
  .responsive .hundred{ width: 98%; }

  .responsive .fivefull{ width: 100%; }
  .responsive .tenfull{ width: 100%; }
  .responsive .fifteenfull{ width: 100%; }
  .responsive .twentyfull{ width: 100%; }
  .responsive .twentyfivefull{ width: 100%; }
  .responsive .thirtyfull{ width: 100%; }
  .responsive .thirtythreefull{ width: 100%; }
  .responsive .thirtyfivefull{ width: 100%; }
  .responsive .fourtyfull{ width: 100%; }
  .responsive .fourtyfivefull{ width: 100%; }
  .responsive .fiftyfull{ width: 100%; }
  .responsive .fiftyfivefull{ width: 100%; }
  .responsive .sixtyfull{ width: 100%; }
  .responsive .sixtyfivefull{ width: 100%; }
  .responsive .seventyfull{ width: 100%; }
  .responsive .seventyfivefull{ width: 100%; }
  .responsive .eightyfull{ width: 100%; }
  .responsive .eightyfivefull{ width: 100%; }
  .responsive .ninetyfull{ width: 100%; }
  .responsive .ninetyfivefull{ width: 100%; }
  .responsive .hundredfull{ width: 100%; }

  .responsive .addboxmargins{ margin: 10px 1% !important; }

  .responsive .alignleft{ display: block; margin: 0 auto; }
  .responsive .alignright{ display: block; margin: 0 auto; }
  .responsive .aligncenter{ display: block; margin: 0 auto; }
  .responsive img.alignleft{ display: block; margin: 10px auto; }
  .responsive img.alignright{ display: block; margin: 10px auto; }
  .responsive img.aligncenter{ display: block; margin: 10px auto; }

  .mobile .five{ width: 48%; }
  .mobile .ten{ width: 48%; }
  .mobile .fifteen{ width: 48%; }
  .mobile .twenty{ width: 48%; }
  .mobile .twentyfive{ width: 48%; }
  .mobile .thirty{ width: 48%; }
  .mobile .thirtythree{ width: 48%; }
  .mobile .thirtyfive{ width: 48%; }
  .mobile .fourty{ width: 48%; }
  .mobile .fourtyfive{ width: 48%; }
  .mobile .fifty{ width: 48%; }
  .mobile .fiftyfive{ width: 98%; }
  .mobile .sixty{ width: 98%; }
  .mobile .sixtyfive{ width: 98%; }
  .mobile .seventy{ width: 98%; }
  .mobile .seventyfive{ width: 98%; }
  .mobile .eighty{ width: 98%; }
  .mobile .eightyfive{ width: 98%; }
  .mobile .ninety{ width: 98%; }
  .mobile .ninetyfive{ width: 98%; }
  .mobile .hundred{ width: 98%; }

  .mobile .fivefull{ width: 50%; }
  .mobile .tenfull{ width: 50%; }
  .mobile .fifteenfull{ width: 50%; }
  .mobile .twentyfull{ width: 50%; }
  .mobile .twentyfivefull{ width: 50%; }
  .mobile .thirtyfull{ width: 50%; }
  .mobile .thirtythreefull{ width: 50%; }
  .mobile .thirtyfivefull{ width: 50%; }
  .mobile .fourtyfull{ width: 50%; }
  .mobile .fourtyfivefull{ width: 50%; }
  .mobile .fiftyfull{ width: 50%; }
  .mobile .fiftyfivefull{ width: 100%; }
  .mobile .sixtyfull{ width: 100%; }
  .mobile .sixtyfivefull{ width: 100%; }
  .mobile .seventyfull{ width: 100%; }
  .mobile .seventyfivefull{ width: 100%; }
  .mobile .eightyfull{ width: 100%; }
  .mobile .eightyfivefull{ width: 100%; }
  .mobile .ninetyfull{ width: 100%; }
  .mobile .ninetyfivefull{ width: 100%; }
  .mobile .hundredfull{ width: 100%; }

  .mobile .alignleft{ float: left; }
  .mobile .alignright{ float: right; }
  .mobile .aligncenter{ display: block; margin: 0 auto; }
  .mobile img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
    .mobile img.alignright{ float: right; margin: 10px 0 10px 10px; }
    .mobile img.aligncenter{ display: block; margin: 10px auto; }
	.mobile .addboxmargins{ margin: 10px 1%; }
	
    .responsive .innergrid .five{ width: 3%; }
    .responsive .innergrid .ten{ width: 8%; }
    .responsive .innergrid .fifteen{ width: 13%; }
    .responsive .innergrid .twenty{ width: 18%; }
    .responsive .innergrid .twentyfive{ width: 23%; }
    .responsive .innergrid .thirty{ width: 28%; }
    .responsive .innergrid .thirtythree{ width: 31.3%; }
    .responsive .innergrid .thirtyfive{ width: 33%; }
    .responsive .innergrid .fourty{ width: 38%; }
    .responsive .innergrid .fourtyfive{ width: 43%; }
    .responsive .innergrid .fifty{ width: 48%; }
    .responsive .innergrid .fiftyfive{ width: 53%; }
    .responsive .innergrid .sixty{ width: 58%; }
    .responsive .innergrid .sixtyfive{ width: 63%; }
    .responsive .innergrid .seventy{ width: 68%; }
    .responsive .innergrid .seventyfive{ width: 73%; }
    .responsive .innergrid .eighty{ width: 78%; }
    .responsive .innergrid .eightyfive{ width: 83%; }
    .responsive .innergrid .ninety{ width: 88%; }
    .responsive.innergrid .ninetyfive{ width: 93%; }
    .responsive .innergrid .hundred{ width: 98%; }

    .innergrid .fivefull{ width: 5%; }
    .innergrid .tenfull{ width: 10%; }
    .innergrid .fifteenfull{ width: 15%; }
    .innergrid .twentyfull{ width: 20%; }
    .innergrid .twentyfivefull{ width: 25%; }
    .innergrid .thirtyfull{ width: 30%; }
    .innergrid .thirtythreefull{ width: 33.3%; }
    .innergrid .thirtyfivefull{ width: 35%; }
    .innergrid .fourtyfull{ width: 40%; }
    .innergrid .fourtyfivefull{ width: 45%; }
    .innergrid .fiftyfull{ width: 50%; }
    .innergrid .fiftyfivefull{ width: 55%; }
    .innergrid .sixtyfull{ width: 60%; }
    .innergrid .sixtyfivefull{ width: 65%; }
    .innergrid .seventyfull{ width: 70%; }
    .innergrid .seventyfivefull{ width: 75%; }
    .innergrid .eightyfull{ width: 80%; }
    .innergrid .eightyfivefull{ width: 85%; }
    .innergrid .ninetyfull{ width: 90%; }
    .innergrid .ninetyfivefull{ width: 95%; }
    .innergrid .hundredfull{ width: 100%; }

    .responsive .innergrid .alignleft{  float: left; }
    .responsive .innergrid .alignright{ float: right; }
    .responsive .innergrid .aligncenter{ display: block; margin: 0 auto !important; }
    .responsive .innergrid img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
    .responsive .innergrid img.alignright{ float: right; margin: 10px 0 10px 10px; }
    .responsive .innergrid img.aligncenter{ display: block; margin: 10px auto; }
    .responsive .innergrid .addboxmargins{ margin: 10px 1%; }
}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
  .responsive .five{ width: 98%; }
  .responsive .ten{ width: 98%; }
  .responsive .fifteen{ width: 98%; }
  .responsive .twenty{ width: 98%; }
  .responsive .twentyfive{ width: 98%; }
  .responsive .thirty{ width: 98%; }
  .responsive .thirtythree{ width: 98%; }
  .responsive .thirtyfive{ width: 98%; }
  .responsive .fourty{ width: 98%; }
  .responsive .fourtyfive{ width: 98%; }
  .responsive .fifty{ width: 98%; }
  .responsive .fiftyfive{ width: 98%; }
  .responsive .sixty{ width: 98%; }
  .responsive .sixtyfive{ width: 98%; }
  .responsive .seventy{ width: 98%; }
  .responsive .seventyfive{ width: 98%; }
  .responsive .eighty{ width: 98%; }
  .responsive .eightyfive{ width: 98%; }
  .responsive .ninety{ width: 98%; }
  .responsive .ninetyfive{ width: 98%; }
  .responsive .hundred{ width: 98%; }

  .responsive .fivefull{ width: 100%; }
  .responsive .tenfull{ width: 100%; }
  .responsive .fifteenfull{ width: 100%; }
  .responsive .twentyfull{ width: 100%; }
  .responsive .twentyfivefull{ width: 100%; }
  .responsive .thirtyfull{ width: 100%; }
  .responsive .thirtythreefull{ width: 100%; }
  .responsive .thirtyfivefull{ width: 100%; }
  .responsive .fourtyfull{ width: 100%; }
  .responsive .fourtyfivefull{ width: 100%; }
  .responsive .fiftyfull{ width: 100%; }
  .responsive .fiftyfivefull{ width: 100%; }
  .responsive .sixtyfull{ width: 100%; }
  .responsive .sixtyfivefull{ width: 100%; }
  .responsive .seventyfull{ width: 100%; }
  .responsive .seventyfivefull{ width: 100%; }
  .responsive .eightyfull{ width: 100%; }
  .responsive .eightyfivefull{ width: 100%; }
  .responsive .ninetyfull{ width: 100%; }
  .responsive .ninetyfivefull{ width: 100%; }
  .responsive .hundredfull{ width: 100%; }

  .responsive .addboxmargins{ margin: 10px 1% !important; }

  .responsive .alignleft{ display: block; margin: 0 auto; }
  .responsive .alignright{ display: block; margin: 0 auto; }
  .responsive .aligncenter{ display: block; margin: 0 auto; }
  .responsive img.alignleft{ display: block; margin: 10px auto; }
  .responsive img.alignright{ display: block; margin: 10px auto; }
  .responsive img.aligncenter{ display: block; margin: 10px auto; }

  .mobile .five{ width: 48%; }
  .mobile .ten{ width: 48%; }
  .mobile .fifteen{ width: 48%; }
  .mobile .twenty{ width: 48%; }
  .mobile .twentyfive{ width: 48%; }
  .mobile .thirty{ width: 48%; }
  .mobile .thirtythree{ width: 48%; }
  .mobile .thirtyfive{ width: 48%; }
  .mobile .fourty{ width: 48%; }
  .mobile .fourtyfive{ width: 48%; }
  .mobile .fifty{ width: 48%; }
  .mobile .fiftyfive{ width: 98%; }
  .mobile .sixty{ width: 98%; }
  .mobile .sixtyfive{ width: 98%; }
  .mobile .seventy{ width: 98%; }
  .mobile .seventyfive{ width: 98%; }
  .mobile .eighty{ width: 98%; }
  .mobile .eightyfive{ width: 98%; }
  .mobile .ninety{ width: 98%; }
  .mobile .ninetyfive{ width: 98%; }
  .mobile .hundred{ width: 98%; }

  .mobile .fivefull{ width: 50%; }
  .mobile .tenfull{ width: 50%; }
  .mobile .fifteenfull{ width: 50%; }
  .mobile .twentyfull{ width: 50%; }
  .mobile .twentyfivefull{ width: 50%; }
  .mobile .thirtyfull{ width: 50%; }
  .mobile .thirtythreefull{ width: 50%; }
  .mobile .thirtyfivefull{ width: 50%; }
  .mobile .fourtyfull{ width: 50%; }
  .mobile .fourtyfivefull{ width: 50%; }
  .mobile .fiftyfull{ width: 50%; }
  .mobile .fiftyfivefull{ width: 100%; }
  .mobile .sixtyfull{ width: 100%; }
  .mobile .sixtyfivefull{ width: 100%; }
  .mobile .seventyfull{ width: 100%; }
  .mobile .seventyfivefull{ width: 100%; }
  .mobile .eightyfull{ width: 100%; }
  .mobile .eightyfivefull{ width: 100%; }
  .mobile .ninetyfull{ width: 100%; }
  .mobile .ninetyfivefull{ width: 100%; }
  .mobile .hundredfull{ width: 100%; }

  .mobile .alignleft{ float: left; }
  .mobile .alignright{ float: right; }
  .mobile .aligncenter{ display: block; margin: 0 auto; }
  .mobile img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
    .mobile img.alignright{ float: right; margin: 10px 0 10px 10px; }
    .mobile img.aligncenter{ display: block; margin: 10px auto; }
    .mobile .addboxmargins{ margin: 10px 1%; }

    .responsive .innergrid .five{ width: 3%; }
    .responsive .innergrid .ten{ width: 8%; }
    .responsive .innergrid .fifteen{ width: 13%; }
    .responsive .innergrid .twenty{ width: 18%; }
    .responsive .innergrid .twentyfive{ width: 23%; }
    .responsive .innergrid .thirty{ width: 28%; }
    .responsive .innergrid .thirtythree{ width: 31.3%; }
    .responsive .innergrid .thirtyfive{ width: 33%; }
    .responsive .innergrid .fourty{ width: 38%; }
    .responsive .innergrid .fourtyfive{ width: 43%; }
    .responsive .innergrid .fifty{ width: 48%; }
    .responsive .innergrid .fiftyfive{ width: 53%; }
    .responsive .innergrid .sixty{ width: 58%; }
    .responsive .innergrid .sixtyfive{ width: 63%; }
    .responsive .innergrid .seventy{ width: 68%; }
    .responsive .innergrid .seventyfive{ width: 73%; }
    .responsive .innergrid .eighty{ width: 78%; }
    .responsive .innergrid .eightyfive{ width: 83%; }
    .responsive .innergrid .ninety{ width: 88%; }
    .responsive.innergrid .ninetyfive{ width: 93%; }
    .responsive .innergrid .hundred{ width: 98%; }

    .innergrid .fivefull{ width: 5%; }
    .innergrid .tenfull{ width: 10%; }
    .innergrid .fifteenfull{ width: 15%; }
    .innergrid .twentyfull{ width: 20%; }
    .innergrid .twentyfivefull{ width: 25%; }
    .innergrid .thirtyfull{ width: 30%; }
    .innergrid .thirtythreefull{ width: 33.3%; }
    .innergrid .thirtyfivefull{ width: 35%; }
    .innergrid .fourtyfull{ width: 40%; }
    .innergrid .fourtyfivefull{ width: 45%; }
    .innergrid .fiftyfull{ width: 50%; }
    .innergrid .fiftyfivefull{ width: 55%; }
    .innergrid .sixtyfull{ width: 60%; }
    .innergrid .sixtyfivefull{ width: 65%; }
    .innergrid .seventyfull{ width: 70%; }
    .innergrid .seventyfivefull{ width: 75%; }
    .innergrid .eightyfull{ width: 80%; }
    .innergrid .eightyfivefull{ width: 85%; }
    .innergrid .ninetyfull{ width: 90%; }
    .innergrid .ninetyfivefull{ width: 95%; }
    .innergrid .hundredfull{ width: 100%; }

    .responsive .innergrid .alignleft{  float: left; }
    .responsive .innergrid .alignright{ float: right; }
    .responsive .innergrid .aligncenter{ display: block; margin: 0 auto !important; }
    .responsive .innergrid img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
    .responsive .innergrid img.alignright{ float: right; margin: 10px 0 10px 10px; }
    .responsive .innergrid img.aligncenter{ display: block; margin: 10px auto; }
    .responsive .innergrid .addboxmargins{ margin: 10px 1%; }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 961px) {
  .responsive .five{ width: 3%; }
  .responsive .ten{ width: 8%; }
  .responsive .fifteen{ width: 13%; }
  .responsive .twenty{ width: 18%; }
  .responsive .twentyfive{ width: 23%; }
  .responsive .thirty{ width: 28%; }
  .responsive .thirtythree{ width: 31.3%; }
  .responsive .thirtyfive{ width: 33%; }
  .responsive .fourty{ width: 38%; }
  .responsive .fourtyfive{ width: 43%; }
  .responsive .fifty{ width: 48%; }
  .responsive .fiftyfive{ width: 53%; }
  .responsive .sixty{ width: 58%; }
  .responsive .sixtyfive{ width: 63%; }
  .responsive .seventy{ width: 68%; }
  .responsive .seventyfive{ width: 73%; }
  .responsive .eighty{ width: 78%; }
  .responsive .eightyfive{ width: 83%; }
  .responsive .ninety{ width: 88%; }
  .responsive .ninetyfive{ width: 93%; }
  .responsive .hundred{ width: 98%; }

  .responsive .fivefull{ width: 5%; }
  .responsive .tenfull{ width: 10%; }
  .responsive .fifteenfull{ width: 15%; }
  .responsive .twentyfull{ width: 20%; }
  .responsive .twentyfivefull{ width: 25%; }
  .responsive .thirtyfull{ width: 30%; }
  .responsive .thirtythreefull{ width: 33.3%; }
  .responsive .thirtyfivefull{ width: 35%; }
  .responsive .fourtyfull{ width: 40%; }
  .responsive .fourtyfivefull{ width: 45%; }
  .responsive .fiftyfull{ width: 50%; }
  .responsive .fiftyfivefull{ width: 55%; }
  .responsive .sixtyfull{ width: 60%; }
  .responsive .sixtyfivefull{ width: 65%; }
  .responsive .seventyfull{ width: 70%; }
  .responsive .seventyfivefull{ width: 75%; }
  .responsive .eightyfull{ width: 80%; }
  .responsive .eightyfivefull{ width: 85%; }
  .responsive .ninetyfull{ width: 90%; }
  .responsive .ninetyfivefull{ width: 95%; }
  .responsive .hundredfull{ width: 100%; }

  .responsive .alignleft{  float: left; }
  .responsive .alignright{ float: right; }
  .responsive .aligncenter{ display: block; margin: 0 auto; }
  .responsive img.alignleft{  float: left;  margin: 10px 10px 10px 0px; }
  .responsive img.alignright{ float: right; margin: 10px 0 10px 10px; }
  .responsive img.aligncenter{ display: block; margin: 10px auto; }
}
.textcenter{ text-align: center; }
.textright{ text-align: right; }
.textleft{ text-align: left; }
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
.clear{ clear: both; }