* { padding: 0; margin: 0; color:white;}

p {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	line-height: 20px;
}


.full_height{
    height:100%;
}

html, 
body  {
    height: 100%;
}
.weather_div{
    height: 110px;
    width: 506px;
    position: absolute;
    top: 106px;
    left: 557px;
    display:block;
}
.weather_main{
    width:600px;
    display:block;
}
.weather_icon1{
    height:150px;
    width:150px;
}

.svg_big{
    height:60%;
    width:100%;
}

.weather_title{
    padding-left:23px!important;
    font-size:1.2em;
    font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
    margin-bottom: 5px;;
}
.text-temperature-big{
    padding-top:7px;
    font-family: 'Oswald', sans-serif;
	font-size: 70px;
	font-style: normal;
	font-variant: normal;
    font-weight: 600;
    position: absolute;
    top: 7px;
    left: 145px;
}


.weather_subicons >.icon{
    width:100%;
    padding-top:20px;
    display:block;
    text-align: center;
    justify-content: center;;
    height:auto;
}
.weather_subicons{
    padding: 5px 0 0 0;
    width:95px;
}
.weather_subicons1{
    padding: 5px 0 0 0;
    position: absolute;
    top: 0;
    left: 230px;
}
.weather_subicons2{
    padding: 5px 0 0 0;
    position: absolute;
    top: 0;
    left: 325px;;
}
.weather_subicons3{
    padding: 5px 0 0 0;
    position: absolute;
    top: 0;
    left: 420px;;
}
.text-day-small{
    text-transform: capitalize;
    padding:5px 10px 0px 10px!important;
    font-family: 'Oswald', sans-serif;
	font-size: 23px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
    line-height: 10px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    
}
.text-temperature-small{
    padding-top:10px;
    font-family: 'Oswald', sans-serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
    line-height: 25px;
    padding-left: 32px;
    
}


.forecast_div{
    height: 84px;
    width: 258px;
    position: absolute;
    top: 241px;
    left: 811px;

    display:block;
}

.forecast_div .titles{
    font-family: 'Oswald', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 22px;
    text-align:left;
    padding-left: 0px !important;
    width: 180px;
}


.forecast_div .content{
    font-family: 'Oswald', sans-serif;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 30px;
    text-align:left;
    padding-left: 0px !important;
    padding-top:1px;
    position: absolute;
    top: 0;
    left: 100px;
}

.forecast_div .text{
    height:24px;
}
.text-maree-small{
    font-family: 'Oswald', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 13px;
    text-transform: uppercase;
}


.svg_small{
    height:35px;
    width:35px;
}

.no_padding{
    padding:0 0 0 0!important;
}

.rss{
    position: absolute;
    top: 447px;
    width: 1040px;
    height: 82px;
    left: 20px;
    display:block;
    align-items: center;
    justify-content: center;
    font-family: 'Oswald', sans-serif;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 25px;
    text-transform: uppercase;
}

.rssfit{
    text-align: center;
    width: 100%;
}

.uba .line{
    display:block;
    height:45.5px;
    padding-top:10px;
}
.uba .no_padding_top{
    padding-top:0px;
}
.text-traversee-small{
    font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 25px;
    text-transform: uppercase;
}


.uba .line .text{
    width:32%;
    height: 100%;
    padding-top:10px!important;
    padding-left:150px;
    display:block;
    align-items: center;
    background-color:white;
    color: #212651;
    font-family: 'Oswald', sans-serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 25px;
    text-transform: uppercase;
}
.uba .line .col1{
    width:50%;
    display:block;
    align-items: center;
    padding-left:150px;
    position: absolute;
}
.uba .line .col2{
    width:25%;
    display:block;
    align-items: center;
    justify-content: center;    
    position: absolute;
    left: 658px;
}
.uba .line .col3{
    width:20%;
    display:block;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 873px;
}
.uba .line .separator{
    width:20%;
    display:block;
    align-items: center;
    justify-content: center;
}

.uba .impair{
    background-color: #212651;
}



/*  TEXT    */


.text-maree-large{
    font-family: 'Oswald', sans-serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 30px;
    text-align:left;
    padding-left: 0px !important;
}


.text-rdv-small{
    font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: 600;
	line-height: 14px;
    text-transform: uppercase;
}


.text-traversee-large{
    font-family: 'Oswald', sans-serif;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 800;
	line-height: 35px;
    margin-top:15px;
}


.current-date{
    position: absolute;
    top: 285px;
    left: 110px;
    font-size: 2.6rem;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-variant: normal;
}