@charset "utf-8";

		@font-face {
			font-family: 'Raleway';
			font-style: normal;
			font-weight: 300;
			src: url('../fonts/raleway-v28-latin-300.eot');
			/* IE9 Compat Modes */
			src: local(''),
				url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'),
				/* IE6-IE8 */
				url('../fonts/raleway-v28-latin-300.woff2') format('woff2'),
				/* Super Modern Browsers */
				url('../fonts/raleway-v28-latin-300.woff') format('woff'),
				/* Modern Browsers */
				url('../fonts/raleway-v28-latin-300.ttf') format('truetype'),
				/* Safari, Android, iOS */
				url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg');
			/* Legacy iOS */
		}

		/* raleway-regular - latin */
		@font-face {
			font-family: 'Raleway';
			font-style: normal;
			font-weight: 400;
			src: url('../fonts/raleway-v28-latin-regular.eot');
			/* IE9 Compat Modes */
			src: local(''),
				url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'),
				/* IE6-IE8 */
				url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'),
				/* Super Modern Browsers */
				url('../fonts/raleway-v28-latin-regular.woff') format('woff'),
				/* Modern Browsers */
				url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'),
				/* Safari, Android, iOS */
				url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg');
			/* Legacy iOS */
		}

		/* raleway-600 - latin */
		@font-face {
			font-family: 'Raleway';
			font-style: normal;
			font-weight: 600;
			src: url('../fonts/raleway-v28-latin-600.eot');
			/* IE9 Compat Modes */
			src: local(''),
				url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'),
				/* IE6-IE8 */
				url('../fonts/raleway-v28-latin-600.woff2') format('woff2'),
				/* Super Modern Browsers */
				url('../fonts/raleway-v28-latin-600.woff') format('woff'),
				/* Modern Browsers */
				url('../fonts/raleway-v28-latin-600.ttf') format('truetype'),
				/* Safari, Android, iOS */
				url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg');
			/* Legacy iOS */
		}

*{
    padding: 0;
    margin: 0;

    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -ms-word-wrap: break-word;
     word-wrap: break-word;

     /* Non standard for WebKit */
     word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

         /* Calculation */
    --diff-height: calc(var(--max-height) - var(--min-height));
    --responsive-height: calc((var(--min-height) * 1px) + var(--diff-height) * ((100vh - 600px) / (1500 - 600))); /* Ranges from 801px to 1499px */

         /* Calculation */
    --diff-width: calc(var(--max-width) - var(--min-width));
    --responsive-width: calc((var(--min-width) * 1px) + var(--diff-width) * ((100vw - 400px) / (3000 - 400))); /* Ranges from 401px to 2999px */

        /* Calculation */
    --diff: calc(var(--max-size) - var(--min-size));
    --responsive-size: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 400px) / (3000 - 400))); /* Ranges from 401px to 2999px */

}

html{
    width: 100%;
    height: 100%;

}
body{
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 1em;
    font-family: "Raleway";
    background-color: #E8E8E8;
    color: #333333;
    padding: 0;
    margin: 0;

}


body.start{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;

}

div.logo{
    position: relative;
    display: block;
    width: auto;
    height: auto;
    flex-wrap: nowrap;
    color: #C00C0C;
    font-weight: bolder;
    font-family: "Raleway";
    padding: 1em;

  }

  div.logo i:first-child{
      color: #000000;
  }
  div.logo i:last-child{
      color: #FFD700;
  }


.size-50{
    font-size: 50px;
}

.size-100{
    font-size: 100px;
}


div.container{
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;

    width: 100%;
    height: auto;
    border: 2px solid #002255;
}

div.container.content{
    max-width: 800px;
}
div.container.content div{
    padding: 1em;
    margin: 1em auto;
}