@import url(http://fonts.googleapis.com/css?family=EB+Garamond|Play);
@import 'https://fonts.googleapis.com/css?family=Lato';
.play {
	font-family: 'Play', sans-serif;
}

.gar {
	font-family: 'Lato', sans-serif;
}

.frontText{
line-height: 2em;
font-size: 1.2em;
}

.formBoxes{
margin-top:15px;
}

.contentBox{
background-color:#fff;
margin-top:2.75rem;
border: 2px dotted #015fa7;

padding: 20px;
min-height: 400px;

}

.reviewText{
color:#FFF;
font-weight: bold;
text-shadow: 1px 2px 3px #000;
background-color:#015fa7;
padding:15px 20px 15px 20px;
}


#bodyGurl{
   margin: 0 0 100px; /* bottom = footer height */

}



.folder-bg {
	  background: url(https://images.waysideco.ca/Crossborder/folder.png) no-repeat center center fixed;
	  -webkit-background-size: 100% 100%;
	  -moz-background-size:  100% 100%;
	  -o-background-size:  100% 100%;
	  background-size:  100% 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', serif;
  font-weight:900;

}
p{
  font-weight:600;
}

.login-box {

background-color:#fff;


}

.error {
	color:#5C0002;
}



#headerBox{
width: 100%;
background-color:#fff;
font-weight: bold;
text-transform:uppercase;
border-bottom: 3px dotted #015fa7;

}

footer{
width: 100%;
background: #015fa7;
height: 120px;

position: absolute;
margin-top:20px;
bottom: 0;
left: 0;


}

@media (max-width:768px){
.login-box {
margin-top: 10px;
}

.contentBox{
margin-top:15px;
}

}
@media (max-width: 800px) {
.frontText{
line-height: 1.2em;
font-size: 1.2em;
}

.reviewText{
font-size: 1.3em;
}

}

@media (max-width: 960px){
.contentBox2{
padding: 5px;
}
}


@media (max-width: 1024px){
.login-box {
margin-top: -10px;
}

.contentBox{
margin-top:10px;
padding: 10px;
min-height:0;
}
}



@media (max-width: 1280px) {
.formBoxes{
margin-top:4px;
}

.contentBox{
margin-top:10px;
padding: 10px;
min-height:0;
}

#bodyGurl{
   margin: 0 0 160px; /* bottom = footer height */
}

footer{
height: 150px;
}

.login-box {
margin-top: -5px;
}

}



@media (max-width: 1920px) {
.formBoxes{
margin-top:5px;
}

}