/*
This WireHouse.com Coming soon page Stylesheet
Initial Release Date : 01/12/2018
Current Revision Date :
Update notes:

Author: Tsvetan Hristov - http://wirehouse.co.uk


--- How to read this code: ---

The code is written in sections each of which
addresses specific part of the webpage as follows:

* Code for each section is written
in ascending screen size order:
--- Mobile
--- Tablet (landscape) & laptops 
--- Standard 1920x1080 Desktops
--- 2K+ and wide format screens

- CONTENT -
0 - Main colour codes in HEX and RGB
1 - Page Layout
2 - Page specific text styles 

*/

/*MY CODE*/ 
/* ================ COLOUR CODES ================ */
/*
ORANGE = #B3811A  rgba(179,129,26,1)
BRIGHTEST BLUE = #F5F9FC  rgba(245,249,252,1)
DARKEST BLUE = #111E2B   rgba(17,30,43,1) rgba(29,68,112,1) 
*/

/* ====================== MAIN CONTENT LAYOUT ======================*/
main{
    display: flex;
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%; 
    align-items: center;
    justify-content: center;
}

main vid{
    display: block;
    position: relative;
}


/* ===================== TEXT STYLES ===================== */
/* === Mobile === */
/* Title */
.title {
    text-transform: uppercase;    
}

/* Subtitle */
.sub-title {
    font-weight: 300;
    text-transform: none;
    color: rgba(245,249,252,0.75);
	padding: 0;
	margin: 0 ;
	border-bottom: 0px solid #B3811A;
}

/* Go Back button */
.button-read-more{
    top: 5vh;
    position: relative;
    width: 100%;
    border-radius: 10vw;
    border-width: inherit;
}

/* === Laptop and tablet === */
@media only screen and (min-width: 1200px) {
    .title {
        font-size: 3.25vh;
        color: #111E2B;   
    }
    
    .sub-title {
        font-size: 2.25vh;
        line-height: 2.25vh;
        color: rgba(17,30,43,0.5);
    }
}

/* === Desktop === */
@media only screen and (min-width: 1600px) {
    .title {
        font-size: 7vh;
    }
    
    .sub-title {
        font-size: 5vh;
        line-height: 5vh;
    }
    
    .button-read-more{
        top: 10vh;
        cursor: pointer;
    }
}