@CHARSET "ISO-8859-1";

@font-face {
    font-family: 'copperplate_gothic_lightRg';
    src: url('coprgtl-webfont.eot');
    src: url('coprgtl-webfont.eot?#iefix') format('embedded-opentype'),
         url('coprgtl-webfont.woff') format('woff'),
         url('coprgtl-webfont.ttf') format('truetype'),
         url('coprgtl-webfont.svg#copperplate_gothic_lightRg') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* Smartphones (portrait) ----------- */
@media screen
and (max-device-width : 360px) {
/* Styles */
body{
  background: url(img/bg.jpg);
  /*background-size: auto 1200px;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;*/
  /*background-size: cover;*/

}
.gfcs {
  font-size: 10px;
}
.logo {
  margin-top: -20px;
  margin-right: 20px;
}
.mt {
  font-size: 20px;
}
div.logoUP {
	margin-top: 4px;
	margin-right: -8px;
	float: left;
	width: 200px;
	height: auto;
	background-image: url(img/Away.png);
	background-repeat: no-repeat;
}

h1.title {
  display: none;
}

#name{
	font-family:Copperplate, 'Copperplate Gothic Light', 'copperplate_gothic_lightRg';
	font-weight:900;
	font-size: 30px;
	color: #FFF
}
}

@media screen
and (min-device-width : 361px) and (min-width: 361px) {
/* Styles */
body{
	margin-bottom: 80px;
  background-image: url(img/bg.jpg);
  background-position: center;

  /* Background image doesn't tile */
  background-repeat: no-repeat;

  /* Background image is fixed in the viewport so that it doesn't move when
     the content's height is greater than the image's height */
  background-attachment: fixed;

  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
}
.gfcs {
  font-size: 14px;
}
h1.title {
  display: none;
}
div.logoUP {
	margin-top: 4px;
	margin-right: -8px;
	float: left;
	width: 200px;
	height: auto;
	background-image: url(img/Away.png);
	background-repeat: no-repeat;
}

}
@media screen
and (max-width : 467px) and (max-device-width: 467px){
  body{
    background: url(img/bg.jpg);
    /*background-size: auto 1200px;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;*/
    /*background-size: cover;*/

  }
  .gfcs {
    font-size: 10px;
  }
  .logo {
    margin-top: -20px;
    margin-right: 20px;
  }
  .mt {
    font-size: 20px;
  }
  h1.title {
    display: none;
  }
}

@media screen
and (min-width : 468px) and (min-device-width: 468px){
  .gfcs {
    font-size: 16px;
  }
  body {
    /* Location of the image */
    background-image: url(img/bg.jpg);

    /* Background image is centered vertically and horizontally at all times */
    background-position: center;

    /* Background image doesn't tile */
    background-repeat: no-repeat;

    /* Background image is fixed in the viewport so that it doesn't move when
       the content's height is greater than the image's height */
    background-attachment: fixed;

    /* This is what makes the background image rescale based
       on the container's size */
    background-size: cover;

    /* Set a background color that will be displayed
       while the background image is loading */
    background-color: #464646;
  }
}

@media screen
and (min-width : 768px) {
  /* Styles */
  .navright {
    padding-right: 105px
  }
  h1.title {
    display: block;;
  }
  .gfcs {
    font-size: 18px;
  }
  body {
    /* Location of the image */
    background-image: url(img/bg.jpg);

    /* Background image is centered vertically and horizontally at all times */
    background-position: center;

    /* Background image doesn't tile */
    background-repeat: no-repeat;

    /* Background image is fixed in the viewport so that it doesn't move when
       the content's height is greater than the image's height */
    background-attachment: fixed;

    /* This is what makes the background image rescale based
       on the container's size */
    background-size: cover;

    /* Set a background color that will be displayed
       while the background image is loading */
    background-color: #464646;
  }

}