/* ------- RESET DEFAULT STYLES ------- */

html{-webkit-text-size-adjust:100%;font-size:62.5%;height:100%}body{position:relative;font-family:Arial,sans-serif;font-size:100%;line-height:1;padding:0;margin:0;width:100%;line-height:140%}div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:1em;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/* ------- COMMON CLASSES ------- */

.hidden{display:none !important;}
.alt{text-indent:-9999px;display:block;font-size:0;line-height:0;}
pre{font-size:16px !important;text-align:left !important;}
a{color:#5A2C15;text-decoration:none;border-bottom:0 solid transparent;-webkit-transition:color 200ms ease,border-color 500ms ease;-moz-transition:color 200ms ease,border-color 500ms ease;transition:color 200ms ease,border-color 500ms ease;}
a:focus{outline:none;}
img{display:block;max-width:100%;}
*{-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/* ------- STRUCTURE ------- */

body{position:relative;color:#717171;font-family:'League Spartan',sans-serif;font-weight:200;font-size:14px;text-align:center;line-height:1.5;}
#wrap{position:relative;overflow:hidden;display:flex;width:100%;flex-direction:column;min-height:100vh;}

h1,h2,h3,h4,h5,h6{font-weight:200;line-height:120%;color:inherit;}

h1{font-size:30px;}
h2{font-size:27px;letter-spacing:0.015em;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}

ul,ol,p{padding:0;margin:0;}
li{list-style:none;}

figure,img{display:block;}

strong{font-weight:700;}

a{color:inherit;text-decoration:none;-webkit-transition:color 250ms ease;-moz-transition:color 250ms ease;-ms-transition:color 250ms ease;transition:color 250ms ease;}
a:hover{color:#000;text-decoration:none;}

.aux{padding:20px;}

@media only screen and (min-width:768px){
	
	body{font-size:16px;}
	.aux{padding:30px;}

}

@media only screen and (min-width:1024px) {

	body{font-size:17px;}
	.aux{padding:30px;}

}

@media only screen and (min-width:1200px) {

	body{font-size:19px;}
	.aux{padding:40px;}

}

@media only screen and (min-width:1400px) {

	body{font-size:20px;}
	.aux{padding:50px;}

}


/* ------- HEADER ------- */

.logo-container{width:230px;padding:0;margin:0 auto;}
.logo{position:relative;width:100%;padding:0 0 72.55%;margin:0;background-image:url('../img/logo-tropicalmoda.svg');background-position:center center;background-repeat:no-repeat;background-size:100%;}

.main{position:relative;z-index:1;display:table;width:100%;height:100%;min-height:100vh;}
.main > *{position:relative;z-index:2;}

.section-intro-text{display:table-cell;vertical-align:middle;position:relative;padding:0;margin:0 auto;}
.intro-text{display:block;max-width:1220px;padding:45px 20px 0;margin:0 auto;font-size:16px;}
.intro-text p{display:block;margin-bottom:30px;}
.intro-text p:last-child{margin-bottom:0;}
.intro-text p strong{display:block;}

@media only screen and (min-width:768px){
	
	.logo-container{width:240px;}
	.intro-text{padding:50px 70px 0;font-size:16px;}
	.intro-text p{margin-bottom:32px;}

}

@media only screen and (min-width:1024px) {

	.logo-container{width:250px;}
	.intro-text{padding:55px 90px 0;font-size:17px;}
	.intro-text p{margin-bottom:34px;}
	
}

@media only screen and (min-width:1200px) {

	.logo-container{width:260px;}
	.intro-text{padding:60px 110px 0;font-size:17px;}
	.intro-text p{margin-bottom:36px;}
	
}

@media only screen and (min-width:1400px) {

	.logo-container{width:270px;}
	.intro-text{padding:65px 130px 0;font-size:18px;}
	.intro-text p{margin-bottom:38px;}

}