body {
	background: url('../img/remote/bg.jpg') center center no-repeat !important;
	background-size: cover !important;
	text-align: center;
	padding: 20px;
	font-family: Roboto !important;
	font-weight: 300;
	color: #fbf4d2;
}

        .logo {
            width: 100%;
            max-width: 450px;
        }

a
{
color: #fff;
text-decoration: underline;
}

        hr
        {
            margin:30px auto;
            width: 100%;
            max-width:300px;
            height: 1px;
            border: 0px;
            border-top: 1px solid #cac4a5;
        }

        h1{
            font-size: 22pt;
        }

        .dialog-1 {
            margin-top:50px;
            letter-spacing: .1em;
        }

        .dialog-2 {
            font-size: 18pt;
            margin-bottom:0px;
        }
        .dialog-3 {
            font-size: 14pt;
            margin-top:0px;
        }
        .dialog-4 {
            font-size: 24pt;
            color: #fff;
            font-weight: 600;
        }
        .dialog-5 {
        }
        .dialog-6 {
            color: #f05f28;
        }

        @media only screen and (min-width : 480px) {
            h1 {
                font-size: 28pt;
                text-transform:uppercase;
            }

            .dialog-1 {
                margin-top: 50px;
                letter-spacing: .1em;
            }

            .dialog-4 {
                font-size: 28pt;
                color: #fff;
                font-weight: 600;
            }

            .dialog-5 {
            }

            .dialog-6 {
                color: #f05f28;
            }
        }

        @media only screen and (min-width : 768px) {
            hr
            {
                margin:50px auto;
            }

            h1 {
                font-size: 36pt;
                text-transform:uppercase;
            }

            .dialog-1 {
                margin-top: 50px;
                letter-spacing: .1em;
            }

            .dialog-2 {
                font-size: 24pt;
                margin-bottom:0px;
            }

            .dialog-3 {
                font-size: 20pt;
                margin-top:0px;
            }

            .dialog-4 {
                font-size: 36pt;
                color: #fff;
                font-weight: 600;
            }

            .dialog-5 {
            }

            .dialog-6 {
                color: #f05f28;
            }
        }

        @media only screen and (min-width : 992px) {
            body
            {
                font-size:18pt;
            }

            h1 {
                font-size: 46pt;
                text-transform:uppercase;
                margin-bottom:0px;
            }

            .dialog-1 {
                margin-top: 50px;
                letter-spacing: .1em;
            }

            .dialog-2 {
                font-size: 28pt;
                margin: 10px 0px 0px 0px;
            }

            .dialog-3 {
                font-size: 20pt;
                margin-top:0px;
            }

            .dialog-4 {
                font-size: 46pt;
                color: #fff;
                font-weight: 900;
            }

            .dialog-5 {
            }

            .dialog-6 {
                color: #f05f28;
            }
        }