* { box-sizing: border-box; }

body { font-family: sans-serif; }

.logo {
    display: block;
   padding: 0px;
    margin: 0px;
   position: absolute;
    right:30px;
    top:30px;
}

.grid-item >img {
    display: block;
   width: 100%;
   height: 100%;
    border: none;
}

.realsize  >img {
    display: block;
    width: 373px;
    height: 100%;
    border: none;
}

/* iframe itself */
.grid-item > iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}
.content
{
    position: absolute;
    bottom: 30px;
    left: 00px;
    width: 100%;

}

.titleCard
{

    color: #000000;
    font-size: 14px;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    background: #FFffff;
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 10px;
}
.titleCard p
{
   margin-top: 20px;
}
.titleCard h1
{

    padding-top: 140px;
}
.titleCard h3
{
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 40px;

}
.titleCard a{
    text-decoration: underline;
}


h2 {
    margin: 0;
}
h2 span {
    color: black;
    font: bold 22px/22px "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    letter-spacing: 0px;
    background: rgb(255, 255, 255); /* fallback color */

    padding: 2px;
    padding-right: 5px;
    margin: 0;
}
h2 span.spacer {
    padding:0 2px;
}
p {
    margin: 0;
}
p span {
    color: #222222;
    font-size: 14px;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;

   /* font-style: italic;*/
    background: rgb(255, 255, 255); /* fallback color */

    padding: 2px;
    margin: 0px ;
}



a,a:visited,a:hover,a:active{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:relative;
    transition:0.5s color ease;
    text-decoration:none;
    color:#ff0000;
    font-size:1em;
}
a:hover{
    color:#bb0000;
}
/* clearfix */
video {

    display: block;
    float: right;
padding: 0px;
    margin: 0px;
}

/* ---- grid ---- */

.grid {
    background: #ffffff;
    /* center */
    margin: 0 auto;
}

/* clearfix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- grid-item ---- */


.grid-sizer,
.grid-item { width: 560px;
    height: 800px;
    float: left;

    border: 2px

}

.grid-item--youtube { height: 315px; }
.grid-item--vimeo { height: 420px; }

.grid-item--h370 { height: 370px; }
.grid-item--h519 { height: 519px; }
.grid-item--h236 { height: 236px; }
.grid-item--h373 { height: 373px; }
.grid-item--h341 { height: 341px; }
.grid-item--h282 { height: 282px; }
.grid-item--h422 { height: 422px; }
.grid-item--h433 { height: 433px; }
.grid-item--h306 { height: 306px; }
.grid-item--h454 { height: 454px; }
.grid-item--h335 { height: 335px; }
.grid-item--h237 { height: 237px; }
.grid-item--h350 { height: 250px; }
.grid-item--h328 { height: 328px; }
.grid-item--h463 { height: 463px; }
.grid-item--h400 { height: 400px; }
.grid-item--h350 { height: 350px; }
.grid-item--h200 { height: 200px; }
.grid-item--h181 { height: 181px; }
.grid-item--h203 { height: 203px; }