body, html {margin: 0; padding: 0px; border: 0px none; outline: 0px; text-align: center; height:100%; width:100%; 
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {background-color: silver}

a:link {text-decoration: none; color: #000000}
a:visited {text-decoration: none; color: #000000}
a:hover {text-decoration: none; color: #ffffff;}
a:active {text-decoration: none; color: #ffffff;}

.content a:link {text-decoration: none; color: #ffffff}
.content a:visited {text-decoration: none; color: #ffffff}
.content a:hover {text-decoration: none; color: #000000;}
.content a:active {text-decoration: none; color: #000000;}


.container {font-family: "Montserrat", Verdana, Helvetica, Arial;
            width: 100%;
            margin: 0 auto;
            font-color: #000000;
            font-size: 10pt;
            }

.gridbox {
  display: grid;
  grid-template-columns: 46.18% 53.82%;
  grid-template-rows: auto 1fr;
  grid-template-areas: "photos reelbox"
                       "photos posters";
  grid-gap: 0px; padding: 0px; 
}

.photos {grid-area: photos;}
.reelbox {grid-area: reelbox; background-color: #000000;}
.posters {grid-area: posters;}

.posters img {float: left; width: 50%}
.posters img:hover {opacity: 0.75}
	
}

.carriagereturn {display:none}

.namesplash {font-size: 40pt; font-weight: 800; padding: 0; margin: 0}

.union {font-size: 10pt; font-weight: bold; padding: 0; margin: 0}

.rep {font-size: 12pt; font-weight: 400; margin-bottom: 15px}

.carriagereturn {display:none}

.menu ul, .photomenu ul {
   margin:0;
   padding:0;
   list-style:none;
   width: 100%;
   display: table;
   text-align: center;
}

.menu ul li, .photomenu ul li {
   margin: 5px;
   margin-bottom: 10px;
   padding: 5px;
   display: inline-block;
   float: none;
   text-align: center;
   font-size: 15pt;
   font-weight: bold;
}

.menuline li a, .photomenuline li a {
   border: 1px solid black;
   padding: 5px;
   border-radius: 8px;
}


.photomenu {padding-top: 15px; font-size: 15pt; font-weight: bold}

.photomenuline {font-size: 15pt; font-weight: bold}

@media (max-width: 564px) {
.photomenu ul li {display: inline-block}
}

.socialicons i {font-size: 22pt}

.spliticons {display:none}

.menuline li a:hover, .menuline li a:active, .photomenuline li a:hover, .photomenuline li a:active {
	color: #000000; background-color: #ffffff;
}

.menuheader {background-color: silver}

.menulinebreak {display: none;}

.socialicons i:hover, .socialicons i:active {
	color: #ffffff;
}


@media (max-width: 900px) {
	.menulinebreak {display: inline;}
}



@media (max-width: 500px) {
.gridbox {display: inline}
.namesplash {font-size: 28pt}
.union {font-size: 10pt}
.rep {font-size: 10pt}
.carriagereturn {display:inline}
.menu ul li {font-size: 10pt; padding: 5px}
.socialicons i {font-size: 15pt; padding-left: 5px; padding-right: 5px}
.spliticons {display:none}
.container {height: auto}
.menulinebreak {display: inline;}
}

@media (max-width: 314px) {
	.menulinebreak {display: none;}
}


.pagetitle {text-align: left; color: #ffffff; font-size: 30pt; padding: 10px;
             font-weight: 800;
             background-image: url("http://www.jaimeandrews.com/images/headshotstrip.jpg");  
background-size: contain;
text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

.content {text-align: left; font-size: 12pt; padding: 15px; font-weight: 400}


.videocontainer {text-align: center; width: 80%; margin: 0 auto;}

h1 {text-align: left; font-size: 20pt}

.sidepic {float: left; max-height: 300px; max-width: 200px; padding-right: 25px; padding-bottom: 10px}

@media (max-width: 500px) {
	.sidepic {float: left; width: 100px; max-height: 1000px}
}

h2 {font-size: 30pt; color: #000000; background-color: #ffffff; margin: 0px; padding-left: 15px; text-align: left}

table {text-align: left; font-size: 12pt}

.newsbox {
     width: 96%;
     height: 250px;
     overflow: auto;
     background-color: #ACABAB;
     padding-left: 15px; padding-right: 15px;
     margin-bottom: 25px;
}


@media (max-width: 500px) {
table {font-size: 10pt}
.newsbox {width: 92%}
}