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

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

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

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


div,li,ul,a{text-decoration:none; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out; -ms-transition-timing-function:ease-in-out; transition-timing-function:ease-in-out; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; transition-duration:0.5s; list-style:none; box-sizing:border-box;}

html{color:#000;font-family: 'RobotoMedium'}
body{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-height:100vh; background-repeat:no-repeat; background:linear-gradient(to bottom, #e5f3f9 1%,#ffffff 100%);}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: 'RobotoMedium'}
h1,h2,h3,h4,h5,h6{margin:0;padding:0; font-family: 'RobotoLight'}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,varoptgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
input,button,textarea,select,optgroup,option{font-family:inherit;fontsize:inherit;font-style:inherit;fontweight:inherit;}
input,button,textarea,select{*font-size:100%;}

.container{max-width:510px; margin:auto; padding:0 15px;}
.header{padding:50px 0 30px; width:100%; text-align:center;}
.header img{max-width:100%;}
.content{width:100%; padding:30px 0 50px; border-top:solid 1px #c5c6c6; text-align:center;}
.content p{padding:0 0 20px; margin:0; font-size:30px; color:#053654; line-height:1.5;}
.content a{color:#18a9e1;}
.content a:hover{color:#053654;}
.content h1{font-size:50px; color:#adb5b5; padding:0; margin:0; font-weight:normal;}

@media only screen and (max-width: 599px){
.content p{font-size:28px;}
.content h1{font-size:40px;}
}

@media only screen and (max-width: 479px){
.content p{font-size:22px;}
.content h1{font-size:36px;}
}

@media only screen and (max-width: 374px){
.content p{font-size:18px;}
.content h1{font-size:30px;}
}